Recommendations for svg editor

I realized today that there’s no way to construct a graphic object such as a pump in Perspective.

In the good old days of Vision, I could grab a triangle, circle, and rectangle, and make a pump in no time. I don’t see how to do this in Perspective.

Two questions:

  1. Is that capability coming to Perspective, or is the plan that designers will use existing SVG editors to build those objects and then import them?

  2. What external SVG editors are recommended for this sort of thing? I’m not interested in becoming proficient in Adobe Illustrator.

I use Inkscape. Its a free software and fairly simple to use. I normally use it for converting whatever PNG icons we have created into SVG’s for use in Ignition.

1 Like

I personally find Gravit Designer to have a much less steep learning curve than Illustrator and even Inkscape. It has a free version that I have yet to hit the limitations of with the simple icon/graphics design I do. Your mileage may vary.

1 Like

The capability is planned: https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/perspective-drawing-tools

1 Like

@ryan.white what format do you save the SVG file in to be able to drag and drop it into perspective. I am trying to follow the inductive university video for SVG importing and create a simple circle that I can change color on based on tag value, but when I drag it into perspective it brings it in as an image and I don’t have control over the fill. It appears they are saving as HTML file but inkscape will not let me do that even with a simple circle.

1 Like

Here are a couple of tips I learned from trying inkscape. Note, I’m using Ignition 8.0.5.

  • when you finish creating your object, modify the size of the canvas under File/Document Properties
    image

  • when you drag the object into designer, select the embed option. Save and link is the default, but this doesn’t work.
    image

3 Likes

@andytimc whenever I save an icon I’ve converted into an svg with Inkscape I do a save as “Plain SVG”.

3 Likes

I’ve been using “Optimized SVG” in Inkscape to preserve gradients, then use @heybales advice to resize and embed the image.
image image

5 Likes

Thanks for the details on options. I noticed the extraneous metadata, etc, but hadn’t found the settings to switch those off.

Yes, Gravit Designer was just what I needed. Simple, free and get the job done.

Inkscape is too hardcore (without google and videos) and overkill.

Where are these options found? I have been searching inkscape and can’t seem to find this dialog box.

For inkscape…

File->Save As…
select ‘Optimized SVG’ as file type.

Thanks!

Hi guys!

I have been testing Perspective today by importing SVG images that were already made for other SCADAs.

Most of the time I’m getting errors. This image in particular has around 800 errors.

Stroke width and fill paint are the most common ones.

I followed the recommendations described above plus the ones from this website: https://support.shapertools.com/hc/en-gb/articles/360043458934-SVG-files-out-of-Inkscape

Any ideas for me?

Thank you!

I have found the same problem, in most cases it is Ignition reading a number as text. The most frequent is it doesn’t like “.7” unless there is a leading zero “0.7”. If you only have a few you can access them in the property editor, simply select the value and hit enter. Ignition re-parses the value and reads it as a number. In the property editor you’ll immediately see it change from green to orange (if I remember my text vs. number colors right) and your error count will reduce by one. Similar procedure for things not recognized as colors.

If you have as many as you do, I import into Ignition, close and save the view, then go into the JSON to correct the same things. Alternatively, you can also edit the SVG file to add the leading zero (or whatever is the issue).

Bottom line, it is a conflict in the way strings/numbers get parsed and you find a way that works for you to get it cleaned up. It’s not easy (and a peeve of mine), but once you see the exact problem in the property editor you can develop a pretty quick workflow for the specific issues that your SVG has.

I wonder why 0.7 and not 7.0.

I have been doing that. There are many images so it will take some time. One image has 8 thousand errors :smile:

Agreed. I wonder if in Vision it is the same. I haven’t try it.