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?
White fill color rendering as transparent on export
White fill color rendering as transparent on export
- Attachments
-
- Background error when exported as an SVG
- svgerror.png (985 Bytes) Viewed 2428 times
-
- Background error when exported as a PNG
- pngerror.png (1.65 KiB) Viewed 2428 times
Re: White fill color rendering as transparent on export
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
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.
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.
Re: White fill color rendering as transparent on export
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
-
- Posts: 2344
- Joined: Sun Apr 14, 2013 12:04 pm
- Location: Michigan, USA
Re: White fill color rendering as transparent on export
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/
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/
Re: White fill color rendering as transparent on export
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.
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.
Re: White fill color rendering as transparent on export
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
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.
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.
Re: White fill color rendering as transparent on export
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!
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!
-
- Posts: 2344
- Joined: Sun Apr 14, 2013 12:04 pm
- Location: Michigan, USA
Re: White fill color rendering as transparent on export
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/
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/