Load or Draw a SVG with javascript

3 replies
362 views
Translate

Hello everyone!

I'm working with some images and need to load dynamic SVG to show some graphics shapes, but I found this is not possible natively, so I'm looking for options.
I can't import the SVG to the FLA, also use transparent MPG or GIF to dynamic load results on tons of files and a huge size increase.

note: all my SVG are composed only with Path objects. no polygons, and no simple shapes.
I tried to draw the paths of SVG using Path2D() but it draw only for a fraction of a seccond and then disapears.

Anyone has tried to draw or import SVG, I have no idea other options, besides change the framework

Thank you for reding

This topic is closed to new replies. Start a new post to keep the conversation going.

kglad

Community Expert

why can't you import an svg?

Translate

Sebas tianAuthor

Participant

Thanks kglad,

I'm trying to make a dynamic project. witch load different content maintaining the main structure.
I would like to avoid editing the FLA just to import files to the project if those files can be loaded dynamically

Translate

kglad

Community Expert

you can use preloadJS, https://createjs.com/docs/preloadjs/modules/PreloadJS.html

eg,

displayPicture('./images/svg_file.svg');

var tl = this;

function displayPicture(imgPath) {

var image = new Image();

image.onload = onLoadF;

image.src=imgPath;

}

function onLoadF(e) {

var img = new createjs.Bitmap(e.target)

tl.addChild(img);

stage.update();

}

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.