White fill color rendering as transparent on export

Post questions on how to use or achieve an effect in Inkscape.
hpanno
Posts: 3
Joined: Sat May 03, 2014 2:52 am

White fill color rendering as transparent on export

Postby hpanno » Tue May 06, 2014 2:30 am

I have applied a white fill to the background of a symbol I created in Inkscape for a project I am working on in tilemill. When I export the symbol as a png and an svg it renders incorrectly. When rendered as a png the white background is actually transparent and when rendered as a svg only the symbol outline appears. Anyone know what I could be doing incorrect to make this occur?

At first I thought it was a text issue so I tried the 'Unflow' option under text tools, I tried the 'convert to text' option under the text tools. I made sure the fill Alpha Channel is 225. I made sure the fill opacity is 100%. I tried recreating the graphic using lines without any text at all - still get the same outcome.

What am I missing? Anybody know of a fix?
Attachments
svgerror.png
Background error when exported as an SVG
svgerror.png (985 Bytes) Viewed 2428 times
pngerror.png
Background error when exported as a PNG
pngerror.png (1.65 KiB) Viewed 2428 times

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: White fill color rendering as transparent on export

Postby hulf2012 » Tue May 06, 2014 3:51 am

Hello:

Could you post a sample svg?

The screenshots are good, but give more information: Are you in Linux, Mac OS, Windows, Android ? What version of Inkscape are you using (0.45, 0.48, 0.91)? Maybe are you using a template SVG?

With all respect, please check here too:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html

If you manage to solve your problem, it will be good to post here your solution.

Greetings
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

hpanno
Posts: 3
Joined: Sat May 03, 2014 2:52 am

Re: White fill color rendering as transparent on export

Postby hpanno » Tue May 06, 2014 8:17 am

Thank you for your response and suggestion. I am new to inkscape so the link you provided is very helpful. Sample SVG is attached.
Attachments
Camp.svg
(3.93 KiB) Downloaded 157 times

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: White fill color rendering as transparent on export

Postby tylerdurden » Tue May 06, 2014 8:32 am

Camp-1.png
Camp-1.png (1.63 KiB) Viewed 2401 times


I didn't modify your file, other than to ungroup objects and resize the document.

Did you export, or "save-as"? Export Bitmap (exported page after resize) seems to work.
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/

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: White fill color rendering as transparent on export

Postby Lazur » Tue May 06, 2014 9:59 am

Any chance you used the bucket fill tool?

To enhance the file a bit, delete the existing white shape,
select the circle with the node tool, move it to the bottom (End),
and click on the white colour at the palette, to add a white fill.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: White fill color rendering as transparent on export

Postby hulf2012 » Tue May 06, 2014 11:52 am

Hello,
I don't see any problem with your file
Maybe it's related with these, I suspect:
http://tavmjong.free.fr/INKSCAPE/MANUAL ... Order.html
or maybe this:
http://tavmjong.free.fr/INKSCAPE/MANUAL ... Export-PNG
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

hpanno
Posts: 3
Joined: Sat May 03, 2014 2:52 am

Re: White fill color rendering as transparent on export

Postby hpanno » Thu May 08, 2014 3:39 am

I did 'save as' Plain SVG (*.svg) and also exporting as a .png. I was doing this because my understanding is that the .svg needs to reference the .png?

Yes, I had tried the bucket tool. I ungrouped the item and made sure that all the layers were in the appropriate order.

I will try these suggestions and read up a bit more on the guide. Also, I am on Windows and using 0.48.
Thanks!

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: White fill color rendering as transparent on export

Postby tylerdurden » Fri May 09, 2014 4:45 am

hpanno wrote:I did 'save as' Plain SVG (*.svg) and also exporting as a .png. I was doing this because my understanding is that the .svg needs to reference the .png?


Not sure what you mean there. An svg file (like your file) does not need to reference any bitmap if it contains only vector data.

An svg can also contain a bitmap or link to one. In the case of linking, the bitmap data is not contained in the svg file so the bitmap file must accompany the svg file.

Embedding versus Linking
New in v0.48:

When bitmap files are imported, a dialog will open up asking if you wish to embed or link the file. Embedding a file will cause the SVG file to be larger (sometimes significantly) but the SVG file will be stand alone as a copy of the bitmap is encoded inside the file. If you link to the bitmap, you will need to move the SVG file and bitmap file together. If at a later time you change your mind, you can use the Embed Images or the Extract Image extensions to embed or extract images. See the section called “Images” in Chapter 22, Extensions. Note that prior to v0.48, by default, bitmap images are linked.

http://tavmjong.free.fr/INKSCAPE/MANUAL ... mport.html
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/


Return to “Help with using Inkscape”