❮      ❯

Animator

 Export and Copy

The current project and the animated image text can be copied or exported by selecting the relevant button. The export option will create a file that can be downloaded by clicking a link that will be added to the Animator. Projects will be renamed ending in '-project.svg' and animated images will be renamed ending in '-anim.svg'. Alternatively, you can copy the text for the images and paste it into a file. For information on deploying Animator SVG files, see Deploy Files.

N.B. For Inovista Charts and custom images, the '-anim.svg' ending is important. Use a file name ending in '-anim.svg'.


The Export and Copy items are found in the 'Image Project' section on the left hand side of the Animator.

Export/Copy

• Current Project: Exports a saved form of the project in the current state.
• Inovista Chart Image: Exports an animated image that can be used and plotted in conjunction with Inovista Charts.
• Stand Alone Image: Exports an image that can be copied into a web page or loaded as an 'Object' into the web page. Note that this is an SVG image contained within another SVG image.
• The 'View Variable Data Objects and Code Snippets' option presents a copyable data object that can be used in JavaScript code as well as functions that are available in that code.


Export/Copy  Options


Export Download
In the Export tab after clicking one of the buttons, a file pertaining to the button clicked will appear as a link. Click the link to download the file.






Copy Dialog
In the Copy tab after clicking one of the buttons, a dialog pertaining to the button clicked will appear. The dialog will contain either the project or the animated image text and JavaScript code. Select the 'copy' button to copy these values and paste them into a file. Remember that for Inovista Charts and Stand-Alone images, the file name should end in '-anim.svg'.






Code Snippets Dialog
In both the 'Export' and 'Copy' sections, clicking on the 'View Variable Data Objects and Code Snippets' link will open a dialog with the required Data Object. If Variables have been created, the Data Object will contain the variable name and the default value that has been entered in the 'Variable Values' section of the Animator.
It will also present a list of API functions that can be used with the image. The function 'svgid' parameter will be populated with the SVG id of the current image. A copy button is available to copy those functions.