Participant

Question

Static SVG Export change?

Forum|Forum|7 years ago
January 29, 2019
2 replies
1027 views

Hi all,

I've inherited a piece of work from a guy who left, and I'm banging my head against it, hoping someone can help.

We've got a complicated (static) graphic with many layers and movie clips, which we then export to SVG. Our site then consumes this and the javascript makes various bits interactive and so on.

This has all worked fantastically in the past, most recently about 6 months ago. However now when I go to export the image, it's missing all the movie clip IDs from the svg file, which was how we hooked it all together in the site. So here's a small sample:

Old export:

<g id="sh_2_bronze_0_Layer0_0_FILL">
<path fill="#CB632F" stroke="none" d="
M 58.75 204.55
L 64.75 208.2 64.75 198.35 58.85 194.75 58.75 204.55
M 0.05 158.9
L 0 158.9 0 168.75 46.35 197 46.6 187.3 0.05 158.9 Z"/>
<g id="sh_2_bronze" transform="matrix( 1, 0, 0, 1, 935.55,290.2) ">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<use xlink:href="#sh_2_bronze_0_Layer0_0_FILL"/>
</g>

New export:

<g transform="matrix( 1, 0, 0, 1, 935.55,290.2) ">
<g id="Layer_1">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<g>
<g>
<path fill="#CB632F" stroke="none" d="
M 58.75 204.55
L 64.75 208.2 64.75 198.35 58.85 194.75 58.75 204.55
M 0.05 158.9
L 0 158.9 0 168.75 46.35 197 46.6 187.3 0.05 158.9 Z"/>

So it looks like the old one split up the transform and the path, then used the actual MC ID (sh_2_bronze in this case) to reference the latter. But in the new export they're merged together and the ID is nowhere to be found.

My question is has something changed to the way the svg's export, or did my now ex-colleague do something mysterious that I have missed that made it export in the old way?

Appreciate any heads up anyone can give.

Cheers,

Si

This topic has been closed for replies.

kdmemory

Inspiring

Another thought:

In Animate version 19.0 and 19.1 the method Use advanced layers is activated by default. When you export as SVG the layers also become elements of the svg-xml.

Maybe as you say, "complicated (static) graphic with many layers and movie clips", you should untick Use advanced layers in Advanced Document Settings.

Klaus

simonm61623273Author

Participant

Hi Klaus, thanks for your responses.

I just checked the Use advanced layers and that is unticked, our document obviously predates that setting so it stayed off, which is good.

Sorry yes my sample code looked fine in preview and then got eaten when I posted. Let me cobble together an image to show my issue.

So as you can see, I don't get the id in the XML like you did for your instance. The only thing I've got is the name of the first layer in the movie clip "Layer 1". After posting I started working on a work around by changing the names of my layers, which is great when they're a simple graphic, but when they're multiple nested movie clips it's getting confusing.

And yes to confirm, all the items I want an ID for in the SVG are actual movie clips in the FLA and have instance names.

I've tried both Image Legacy export and publish to SVG and get the same results, so I presume they trigger the same tool?

Many thanks,

Si

kdmemory

Inspiring

Hi Simon

the difference between Old and New is

OLD <g id="sh_2_bronze" transform="matrix(...)"> becomes NEW <g transform="matrix(...)"> (id is missing)
NEW <g id="Layer 1"> (is there perhaps an underscore like Layer_1 ? that would be a generic name for layers in Animate.)
OLD <use xlink:href="..."> is not present in NEW
there is in OLD a second <g id="sh_2_bronze"_0_Layer_0_FILL"/> (the layer thing is integrated here)
in NEW are two empty <g> tags

Otherwise it's more or less identical. When I compare that with my svg-xml (above) using AN v19.0, mine looks in principle like your OLD export. Your NEW looks garbled to me. Something's wrong there.

Haven't got an answer yet but keep on thinking ..

Klaus

kdmemory

Inspiring

Hi Simon

Next to Old export: and New export: I can't see a thing! What did you insert there? Images? Or svg-xml code?

However - I tried to File -> Export -> Export Image (Legacy) .... something. Nothing big, the stage with 3 buttons with Instance names each. In the resulting svg-xml I get the names as Ids. Excerpt:

<g id="t2" transform="matrix( 1, 0, 0, 1, 197.35,113.5) ">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<use xlink:href="#t_2_0_Layer0_0_FILL"/>
</g>
</g>

id="t2" that's my Instance name on the Animate Stage.

Are all elements you want to get an Id in svg-xml for really symbols in Animate instantiated with a name on the stage?

Klaus

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.