273672 - Style property "fill-opacity" doesn't have desired effect with "stroke" style property

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[Gaydukova Svetlana]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040616
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a2) Gecko/20040617 Firefox/0.8.0+

For example this code:
<g id="hilighter_1"><path style="fill: none; stroke: rgb(0, 255, 255);
stroke-width: 8; fill-opacity: 0.25;" d="M99,91 L98,97 L96,102 L91,102 L88,97
L88,92 L88,87 L93,84 L98,86 L103,91 L105,96 L100,99"/>
</g>
Adobe SVG viewer renders this code correctly. Line is transparent.
In Mozilla SVG the line is not transparent.


Reproducible: Always
Steps to Reproduce:
1.Paste code described above in svg file.
2.Open this file in Mozilla Firefox 0.8.0+ (with SVG).
Actual Results:  
You see that aqua line is not transparent.

Expected Results:  
although it must be transparent.

Comment 1

[Marco Perez [:mpk]]

Attachment: testcase (overlapping svg elements with stroke/fill)

Svetlana, your example is flawed as you mix "fill-opacity" with "stroke".
"stroke" has a corresponding property "stroke-opacity" and "fill-opacity"
affects only "fill". Worksforme with a svg-enabled (libart) firefox trunk build
(20050116) on FreeBSD 5.3 .

Comment 2

[Gaydukova Svetlana]

Thanks, for your help.
Adobe SVG viewer supports the following styles: "opacity", "fill-opacity" and
"stroke-opacity".
Mozilla SVG supports only "fill-opacity" and "stroke-opacity" styles. And both
of them can't substitute "opacity" style.
For example, consider the following code:
<ellipse cx="65.5" cy="33" rx="27.5" ry="29.5" style="opacity: 0.25; fill:
rgb(255, 0, 0); stroke: rgb(0, 73, 0); stroke-width: 8;"/>
<ellipse cx="65.5" cy="100" rx="27.5" ry="29.5" style="fill-opacity: 0.25;
stroke-opacity: 0.25; fill: rgb(255, 0, 0); stroke: rgb(0, 73, 0); stroke-width:
8;"/>
This code renders two DIFFRENT ellipses in IE.
And I can't create an image of the first ellipse in Mozilla.
Is this a bug or a feature?

Comment 3

[Marco Perez [:mpk]]

There has been a lot of activity in the SVG area lately. The opacity property
has been implemented by the fix for bug #267195 by Nov 19. Please try to get a
newer build (if you haven't done so already) and test it again. Your example in
comment #2 works fine in my very recent libart build (2 identical ellipses :) .