Skip to main content
maxp40317390
Participant
October 19, 2018
Answered

Importing SVG as a linked image - not embedded

  • October 19, 2018
  • 3 replies
  • 863 views

I am trying to import a svg, but don't want it to be embedded as a vector element - i need it to be a linked asset (placed in the image folder after publishing). Does anyone have any suggestions? Is this possible? —Max

This topic has been closed for replies.
Correct answer ClayUUID

HTML5 Canvas


The Canvas library, CreateJS, does not directly support rendering SVGs. I suppose you could read in the SVG file and manually render it at runtime using the drawing commands, but that would be a rather advanced undertaking. Perhaps there's a more direct method of rendering SVG onto a canvas element in modern browsers, but it would have to be supported by all of them.

3 replies

maxp40317390
Participant
October 22, 2018

After reading through as much links on Animate - all vector imported supports are placed and are not link as a external file. The image is placed into the library. But not packaged into the "image" folder once published.

The SVG, SWF & EPS images are the sharpest and smallest size (my SVG files are down to 2-3kb).

I am creating a series of HTML5 banners and need to switch headlines and offers on the fly.

ever looking for a solution.

Legend
October 22, 2018

AS3 or Canvas?

maxp40317390
Participant
October 22, 2018

Animate CC 2018

Legend
October 22, 2018

maxp40317390  wrote

Animate CC 2018

. . .

(deep breath)

Yes, I know you're working in Animate. When you created the document you're working on now, did you click the "HTML5 Canvas" button, or the "ActionScript 3.0" button?

Preran
Legend
October 22, 2018

Have you tried importing your assets from the library?

Work with the libraries in Animate CC

Doesn't exactly work the way linked assets do, but is the closest that I can think of. You may also hear from experts here just in case my assumptions are incorrect.

Thanks,

Preran

maxp40317390
Participant
October 22, 2018

Thanks - Check that link now.