Space Image Objects - Insert and Manipulate SVG Icons
Online Demo Link
About This Sample
Simply select a Icon, click Insert Space Image, and place the Icon into the Canvas.
The API settings of Space Name, Space ID and SVG image are display for each selection and the ID of spaces are automatically incremented when Insert Space Image is clicked.
The following API methods are relevant for this Space Icons sample, click on the method to open the API documentation.
Required method in HTML code:
The URL parameter call is (the Url and exact file-paths will change depending on the implementation platform):
Place an Object On Canvas
First select an Icon object. Then place it on the canvas. In the HTML Sample there are programmed placeholders, that automatically set the Space Objects specifics, such as ID, type and source file to display.
Furthermore there are implemented template slider control to set the size of the object at insertion into the CAD Canvas.
Canvas Object Controls
After the icons has been placed on the canvas, use the controls:
To resize and delete objects.
When a project is completed, use the Save Icon to save an SVG including source drawing with all Interactive Space Icons on top.
The Source Code for CADViewer_space_image objects_610.html is:
Please visit our comprehensive Online CADViewer Demos section for other File Demos with CADViewer 4.1 and AutoXchange 2020