Import SVG and use elements in the picture

[ekb]

Hello
I'm trying to understand how to import a SVG image and use the elements to change color.

When I drag the svg image in to Perspective. The Image management pops up and I can save the image. And use it in the design.

But I can't see any elemnt list.

I tride to get the image from a local web server.

I found a forum post here that said I could use "Save and Link" or "Embed image" in the Image Management. But I cant find it in version 8.1

Creating animation-ready valve/pump SVGs

Since there are no drawing tools in Perspective yet, my understanding is that I need to create SVGs for any drawn objects (pump, valve, etc). I’ve been able to create a basic valve SVG in draw.io and import it into perspective. I can apply a tint to the entire object without issue. [image] [image] Ideally I want to color the valve head and body independently, like so: [image] I can’t figure out how to do this, but I’ve seen examples of it on the forum. Even the IA Perspective demo app seems …

What am I doing wrong?

[nminchin]

Use embed image and then you’ll be able to access the SVG elements to style them how you want. You don’t want it going into the image management as then it’s fixed as is (you could use tinting, but it’s super dodgy)

[Cory.grube]

It looks like you imported the SVG into the image management tool, and then used an image component to display it. The way I did it actually skips that step entirely.

You’ll want to drag the SVG from Windows Explorer directly into your view. You should then have the ‘Save and link’ and ‘Embed image’ options shown in my post. If you pick Embed image you should have access to the individual SVG elements.

For reference, ‘Save and link’ basically does what you’re seeing (and what my original post showed) - it inserts the image component which references the SVG file, rather than inserting a drawing component which lets you manipulate the SVG directly.

[ekb]

Thanks.
I did not see the “Embed image” the first time I drag it inn to the window from Explorer.

[beckya]

I am having a similar issue, I embed the svg from windows explorer and I have 0 elements and the svg does not display anything. What do you recommend to troubleshoot next?

[nminchin]

Looks like you have 1 element? Have you tried expanding it?

[beckya]

There isn’t anything when it is expanded

[jlandwerlen]

Maybe post the SVG?