Image not rendering properly outside of Inkscape

Post questions on how to use or achieve an effect in Inkscape.
awkol22
Posts: 1
Joined: Mon Apr 15, 2019 4:39 am

Image not rendering properly outside of Inkscape

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

Hello, I have made an image placeholder that looks like this
img.png
img.png (15.23 KiB) Viewed 176 times
in Inkscape. However, when I open it in Firefox/Chromium it looks like this
scrn.png
scrn.png (9.25 KiB) Viewed 176 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 :)
Attachments
image-placeholder.inkscape.svg
(5.19 KiB) Downloaded 6 times

Polygon
Posts: 340
Joined: Thu Dec 19, 2013 3:27 am

Re: Image not rendering properly outside of Inkscape

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 7 times


Cheers
P.

User avatar
brynn
Posts: 10247
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Image not rendering properly outside of Inkscape

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
Posts: 2258
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Image not rendering properly outside of Inkscape

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.
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

User avatar
druban
Posts: 1743
Joined: Fri Nov 20, 2009 10:48 pm

Re: Image not rendering properly outside of Inkscape

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.
Attachments
graphic.svg
(6.02 KiB) Downloaded 3 times
Your mind is what you think it is.


Return to “Help with using Inkscape”

Who is online

Users browsing this forum: Google [Bot] and 3 guests