Image not rendering properly outside of Inkscape

awkol22 · Postby **awkol22** » Mon Apr 15, 2019 5:32 am

Hello, I have made an image placeholder that looks like this

: img.png (15.23 KiB) Viewed 1812 times

in Inkscape. However, when I open it in Firefox/Chromium it looks like this

: scrn.png (9.25 KiB) Viewed 1812 times

and when I open it in my image viewer only the small crossed circle in the bottom right corner is shown.

I think this is caused by the method I used to cut out the circle in the bottom right corner - I made a rectangle covering the whole canvas, made a hole in it and set it as the mask of the framed mountains. I have also tried saving the image as 'Plain SVG'.

Is there another way I can achieve the cut-out effect without using a mask?

Thanks

Polygon · Postby **Polygon** » Mon Apr 15, 2019 5:48 am

Hi.
I believe the masking is the crux here; after making some objects filled paths and some boolean operations it will render properly:

image-placeholder4U.svg: (8.33 KiB) Downloaded 132 times

Cheers
P.

Postby **brynn** » Mon Apr 15, 2019 5:57 am

Clipping would be more appropriate, for this situation. Although I don't know if clipping would have the same problem as masking.

tylerdurden · Postby **tylerdurden** » Mon Apr 15, 2019 6:09 am

Polygon wrote:I believe the masking is the crux here; after making some objects filled paths and some boolean operations it will render properly.

Agree. Making as many objects into filled paths should ensure proper display across renderers.

Postby **druban** » Tue Apr 16, 2019 5:04 pm

I have probably done the same as Polygon, but here are the steps I took for your future reference:

1 release the mask
2 select the mask and break apart
3 delete the rectangle, duplicate the circle

(Obviously these first three steps won't be necessary when starting from scratch, just draw the circle!)

4 ungroup everything by selecting all and ctrl U

(And this one would be unnecessary too, no need for groups and layers in such a straightforward drawing)

5 select the grey border and do stroke to path
6 shift select to add one of the duplicated circles then do path > difference
7 select the large mountain and the other circle and do the same
8 select the center diagonal of the "no" symbol and do stroke to path
9 shift select the ring and do path > union

That's it, 5 filled objects, no strokes, overlaps, masks, clips, layers, or groups needed.

This is a read-only archive of the inkscapeforum.com site. You can search for info here or post new questions and comments at inkscape.org/forums

This is a read-only archive of the inkscapeforum.com site. This feature is no longer available.

InkscapeForum.com

Image not rendering properly outside of Inkscape

Image not rendering properly outside of Inkscape

Re: Image not rendering properly outside of Inkscape

Re: Image not rendering properly outside of Inkscape

Re: Image not rendering properly outside of Inkscape

Re: Image not rendering properly outside of Inkscape

Who is online