Print embedded svg color disappears

UNCONFIRMED
Unassigned

Status

()

Core
Printing: Output
UNCONFIRMED
6 years ago
6 years ago

People

(Reporter: jopo41, Unassigned)

Tracking

12 Branch
x86_64
Linux
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

3.35 KB, image/svg+xml
Details
(Reporter)

Description

6 years ago
Created attachment 636779 [details]
test.svg

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 2012042100

Steps to reproduce:

To reproduce the bug on my HTML5 Webside I tried this: 
I created with inkscape a test.svg with only one colored circle with radialgradient.
The color is applied in the svg by: fill:url(#radialGradient3761)
(radialGradient is defined in defs.)
The colored circle is displayed without problems in inkscape.
Then I created an index.htm to test the behaviour.

index.htm:
<!doctype html>
<html>
  <head>
    <title>index</title>  
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta name="robots" content="noindex">    
  </head>
<body>
  <a href="test.svg">test: call svg directly</a>
   <br>
   <br>  
  <a href="test.html">test: svg as embedded image</a>
</body>
</html>
------------------------------------------------------
test.html:
<!doctype html>
<html>
  <head>
    <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
    <base href="./">
    <title>test</title>
    <!-- screen stylesheet and alternate screen stylesheets-->
    <link rel="stylesheet" type="text/css" title="Stylesheet-1" href="./css_stylesheets/screen.css">
  </head>
<body>
  <img id="test_svg" alt="test svg" src="test.svg">
</body>
</html>

css-stylesheet only contents:
#test_svg { width: 300px; height: 200px; border: solid 1px; }


Actual results:

1. I called svg directly
   <a href="test.svg">test: call svg directly</a> is  called without problems.
    Preview and print of circle are without problems.
2. I called the embedded svg in the subpage:
   <a href="test.html">test: svg as embedded image</a>
   Preview displays circle correctly. 
   Print displays color gradient at right bottom corner.


Expected results:

The print should show the colored circle like the preview did.
The same happens with a rectangle filled with linear gradient. Nothing is printed.
Mozilla/5.0 (X11; Linux i686; rv:16.0) Gecko/16.0 Firefox/16.0
I've printed the test case, but don't see any difference between Print preview and print output. The circle is displayed in the exact same position.
Component: Untriaged → Printing: Output
Product: Firefox → Core
QA Contact: untriaged → printing
You need to log in before you can comment on or make changes to this bug.