Displaying an .svg

Core Library Questions

midiguru

in Core Library Questions • 1 year ago

Newbie question. I'm wanting to learn about how to import and display .svg files, so I created an .svg in OpenOffice Draw, which claims that it can export .svg. However, the data as displayed in Processing looks nothing whatever like it does in OO Draw. This could be because Draw is mangling the data, or because of some file type incompatibility, or because I'm not coding it properly in Processing.

Here's the test image I created in Draw -- four objects:

... and here's what it looks like in Processing, using the simplest possible call to shape():

Quite likely this is user error, but I haven't been able to spot anything in the Processing tutorials or reference that will help me unravel the problem.

Suggestions would be very welcome!

Replies(3)

PhiLho

Re: Displaying an .svg

1 year ago

Drag'n'drop the SVG file on a Firefox window (or Chrome or another able browser) and see if they interpret correctly the file. If not, search no further. If yes, perhaps the SVG has some complex constructs that Processing isn't able to interpret: it is (voluntarily, for size reasons) a quite primitive SVG parser. Although already a pretty good one, for most SVG files I tried it on.

midiguru

Re: Displaying an .svg

1 year ago

Thanks. It's not Processing's problem -- both Firefox and Chrome show the same ridiculously mangled rendering. OpenOffice has no options for exporting .svg's in different ways. I'll have to research this further.

midiguru

Re: Displaying an .svg

1 year ago

FYI:

Inkscape, which is a natively .svg-based program, produces files that work very well with Processing. What's interesting is that while Processing won't render Inkscape's circles or ellipses, it does support and display both freehand-drawn lines and spiral shapes. Nor does it support Inkscape's fill gradient for shapes, but it does support the opacity setting.

This is workable with.

Top Reply