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 1325 times
in Inkscape. However, when I open it in Firefox/Chromium it looks like this
scrn.png
scrn.png (9.25 KiB) Viewed 1325 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 42 times

Polygon
Posts: 349
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 53 times


Cheers
P.

User avatar
brynn
Posts: 10307
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: 2273
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: 1796
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 40 times
Your mind is what you think it is.


Return to “Help with using Inkscape”

Who is online

Users browsing this forum: No registered users and 10 guests