Document Properties > Background... Invisible?

Post questions on how to use or achieve an effect in Inkscape.
cj4258
Posts: 4
Joined: Thu Nov 18, 2010 6:58 am

Document Properties > Background... Invisible?

Postby cj4258 » Thu Nov 18, 2010 7:13 am

My experience level with vector graphics and Inkscape = zero. I have done some image rendering in photoshop in the past. Get ready for a newb problem:

I'm starting with a new, blank file. I go to Document Properties, make my image the size I need, then click on the background button. The sliders in the RGB screen are all up as high as possible, making for white, if I'm not mistaken. The "A" slider is down to zero, and ... I guess that is supposed to mean that the background is invisible..?

Forgoing that, I have completed the file - all I did was add black text to it. The end result I need is for the background to be completely transparent and the text to be white. Until I get the background invisibility problem solved, the text will stay white. I'm making up an image for vinyl lettering to be applied to my car.

In effort to check if my background was actually invisible, I made a small html file bring the image up on page with a red background. Unfortunately, the background is white and persists as such. I found Path > Trace Bitmap... thinking it would trace the letters for me and then I could play with Difference or Clipping, but I can't get it ti do what I want it to do.

Halp.

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

Re: Document Properties > Background... Invisible?

Postby brynn » Thu Nov 18, 2010 8:02 am

Welcome to InkscapeForum.com!

The "A" slider is down to zero, and ... I guess that is supposed to mean that the background is invisible..?

Yes, backgrounds are transparent in Inkscape by default.

After you completed your file and before you put it on an.html"uncited">
Until I get the background invisibility problem solved, the text will stay white.

cj4258
Posts: 4
Joined: Thu Nov 18, 2010 6:58 am

Re: Document Properties > Background... Invisible?

Postby cj4258 » Thu Nov 18, 2010 8:22 am

brynn wrote:After you completed your file and before you put it on an.html"codebox">

Code: Select all

<body bgcolor="red">
blah<br>
<br>
<img src="file:///.../image.png"><br>
<br>
blah


And here is a link: http://jacksonclockrepair.com/test.html

brynn wrote:But let me know about the answers to my questions. Also, I do not understand this
Until I get the background invisibility problem solved, the text will stay white.

Meant to say black. My bad.

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

Re: Document Properties > Background... Invisible?

Postby brynn » Thu Nov 18, 2010 9:07 am

Well PNG would have maintained the transparency. And since you exported to PNG, the browser question doesn't matter now.

I can't remember for sure, and this is probably beyond my knowledge of html. I was going to guess that the body tag calling for red background was the problem, until I looked at the image. But the red does not extend behind your image. I know <br> means break, and I'm pretty sure it means line break. It may be that you need to use some sort of frame for the image, and I definitely do not know anything about using frames. I notice that the body tag is not closed, but I'm not sure if that's the problem.

Hopefully someone else will chime in, and let us know about the html. Because everything else you've done is proper -- leaving the background transparent in Inkscape, exporting to PNG, which supports transparency -- exactly what should be done. The browser is irrelevant, since you exported to PNG.

Well, here's one test you can do, until someone knowledgeable about webpage creation responds. Just open the PNG using your computer's image viewer. The background should show up as transparent there. If it does not, then something went wrong in Inkscape.

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: Document Properties > Background... Invisible?

Postby ~suv » Thu Nov 18, 2010 10:48 am

cj4258 wrote:
brynn wrote:After you completed your file and before you put it on an.html"http://tavmjong.free.fr/INKSCAPE/MANUAL/html/File-Export.html" class="postlink">Export Bitmap…' (i.e. don't save as "Cairo PNG (*.png)").

cj4258
Posts: 4
Joined: Thu Nov 18, 2010 6:58 am

Re: Document Properties > Background... Invisible?

Postby cj4258 » Fri Nov 19, 2010 12:12 am

~suv wrote:
cj4258 wrote:
brynn wrote:After you completed your file and before you put it on an.html"http://tavmjong.free.fr/INKSCAPE/MANUAL/html/File-Export.html" class="postlink">Export Bitmap…' (i.e. don't save as "Cairo PNG (*.png)").
Wouldn't that save the image in a raster format?

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: Document Properties > Background... Invisible?

Postby ~suv » Fri Nov 19, 2010 12:22 am

cj4258 wrote:
~suv wrote:
cj4258 wrote:Saved as .PNG because .SVG wasn't working in my browser.
Use 'File > Export Bitmap…' (i.e. don't save as "Cairo PNG (*.png)").
Wouldn't that save the image in a raster format?

Both write PNG files (but use a different rendering engine. 'File > Export Bitmap…' uses the same as Inkscape on-canvas and produces high-quality images, "Cairo PNG" was used to test the other renderer (Cairo), but doesn't support all features of Inkscape (e.g. no filter effects) and always adds a solid white background. OTOH "Cairo PNG" supports font hinting). If you want vector, use SVG (for the web).

Slow Dog
Posts: 180
Joined: Wed Sep 24, 2008 7:51 pm

Re: Document Properties > Background... Invisible?

Postby Slow Dog » Fri Nov 19, 2010 1:02 am

cj4258 wrote:And here is a link: http://jacksonclockrepair.com/test.html


Folks can discount html/browser issues, 'cos I looked at the referenced .png file, and it's got a white background. I'm going to assume it's the Cairo png issue unless cj4258 says different.

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

Re: Document Properties > Background... Invisible?

Postby brynn » Fri Nov 19, 2010 2:43 pm

cj4258 wrote:Wouldn't that save the image in a raster format?

The reason I asked if you had saved or exported a raster/bitmap file, was to find out if you were trying to display and view the SVG image in a browser.
PNG is the appropriate format, but you have to use Export Bitmap, and not Cairo PNG. I think if you will go back and instead of Save As Cairo png, use File menu > Export Bitmap, it will solve your problem. It will save a PNG file in the place that you choose. Then if you use that file in your html, it should work as you want.

cj4258
Posts: 4
Joined: Thu Nov 18, 2010 6:58 am

Re: Document Properties > Background... Invisible?

Postby cj4258 » Fri Nov 19, 2010 11:48 pm

I guess I should clarify my main use for this image. I need vector because the guy that will print the lettering for my car will only accept vector. Naturally, for lettering only, I need a transparent background. Sounds like I need to abandon .png and stick to .svg.

Use in HTML was just to test the background.

I don't have an image viewer that will display.svg so I'll fix that next. Thanks so much for the help so far. I'll stay away from Cairo in the future.

Shouldn't firefox display .svg?

EDIT: Upgraded firefox to 3.6.12, which apparently is supposed to handle .svg. It won't show the image though. Saved it as a plain .svg (I think).

http://jacksonclockrepair.com/backwindshield.svg

Slow Dog
Posts: 180
Joined: Wed Sep 24, 2008 7:51 pm

Re: Document Properties > Background... Invisible?

Postby Slow Dog » Sat Nov 20, 2010 12:37 am

Didn't work for me, as is, either. I suspect it's font issues.

When I selected it all, and did Path->Object To Path (which converts text to Svg paths, and is the canonical solution for font problems) the result did show up in Firefox.

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: Document Properties > Background... Invisible?

Postby ~suv » Sat Nov 20, 2010 2:18 am

Slow Dog wrote:Didn't work for me, as is, either. I suspect it's font issues.

No, it's the well known 'Flowed Text' issue.

[edit] Converting to regular text or paths should work, assuming you have the font installed. Without the specified font ("Engravers MT"), the current flowed text text is truncated to 0 characters - i.e. not visible - in Inkscape too, because the text frame is too small if the text is rendered with the default fallback font at a size of 160 px) and none of the conversions work [/edit]


Return to “Help with using Inkscape”