Closed Bug 375849 Opened 17 years ago Closed 17 years ago

SVG radialGradient spreadMethod="pad" does not pad to bounds of rectangle

Categories

(Core :: SVG, defect)

Product:
Core
Component:
SVG
Version:
1.8 Branch
Platform:
x86
Linux
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 358930

People

(Reporter: paul.nelson, Unassigned)

Details

User-Agent:       Mozilla/5.0 (X11; U; Linux i686 (x86_64); en-US; rv:1.8.1.2) Gecko/20061023 SUSE/2.0.0.2-1.1 Firefox/2.0.0.2
Build Identifier: Mozilla/5.0 (X11; U; Linux i686 (x86_64); en-US; rv:1.8.1.2) Gecko/20061023 SUSE/2.0.0.2-1.1 Firefox/2.0.0.2

SVG radialGradient spreadMethod="pad"  when filling a rectangle, should fill the final stop color to the edges of the bounding box.  Currently this does not happen.  The rectangle fill stops when the circular gradient reaches the boundary, leaving all corners unfilled.  This occurs regardless of stop-opacity.

spreadMethod= reflect | repeat work as expected

Reproducible: Always

Steps to Reproduce:
1.Attached is an xml file which reproduces the behavior. 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>SVG alpha Rectangle</title>
</head>
<body id="body"
  style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 viewBox="0 0 300 300" 
 style="width:300px; height:300px; position:absolute; top:0; left:0; z-index:-1;">
<!-- mozilla 2.0.0.2 radialGradient pad is broken, instead of filling out to 
 the bounding box, it quits filling a rectangle where the radial fill meets the
 edge of the bounding box!  reflect and repeat work as expected. 
Same behavior whether or not there is a stop-opacity set
-->
 <radialGradient id="radialg" spreadMethod="pad">
   <stop offset="0%" style="stop-color: rgb(255,255,255); stop-opacity: 0.95;"/>
   <stop offset="100%" style="stop-color: rgb(0,200,0); stop-opacity: 0.25;" />
 </radialGradient>
 <rect x="50" y="50" width="55" height="50" style="fill:url(#radialg);" />
</svg>
</body>
</html>

Actual Results:  
A circle with a radial gradient

Expected Results:  
A rectangle with a radial gradient which is padded to the edges with the last stop color

drawn the rectangle with the correct fill.
Assignee: nobody → general
Component: General → SVG
Product: Firefox → Core
QA Contact: general → ian
Version: unspecified → 1.8 Branch
Could you make your example an attachment please?
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.