The default bug view has changed. See this FAQ.

SVG Rectangles Rendering Incorrectly

RESOLVED DUPLICATE of bug 315383

Status

()

Core
SVG
--
major
RESOLVED DUPLICATE of bug 315383
10 years ago
10 years ago

People

(Reporter: DJ Perl, Unassigned)

Tracking

1.8 Branch
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

10 years ago
User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

For rectangles with large heights, the rendering is incorrect.
The height turns negative.


Reproducible: Always

Steps to Reproduce:
1. Save the following text in a .svg file.
2. Open it in Mozilla.
####

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<g id="column" style="opacity: 1; fill: blue; fill-opacity: 1; stroke: black; stroke-opacity: 1">
<rect x="10" y="10" color="#0000FF" width="21" height="1"/>
<rect x="31" y="10" color="#0000FF" width="21" height="21"/>
<rect x="52" y="10" color="#0000FF" width="21" height="210"/>
<rect x="73" y="10" color="#0000FF" width="21" height="1330"/>
<rect x="94" y="10" color="#0000FF" width="21" height="5985"/>
<rect x="115" y="10" color="#0000FF" width="21" height="20349"/>
<rect x="136" y="10" color="#0000FF" width="21" height="54264"/>
<rect x="157" y="10" color="#0000FF" width="21" height="116280"/>
<rect x="178" y="10" color="#0000FF" width="21" height="203490"/>
<rect x="199" y="10" color="#0000FF" width="21" height="293930"/>
<rect x="220" y="10" color="#0000FF" width="21" height="352716"/>

<rect x="241" y="10" color="#0000FF" width="21" height="352716"/>
<rect x="262" y="10" color="#0000FF" width="21" height="293930"/>
<rect x="283" y="10" color="#0000FF" width="21" height="203490"/>
<rect x="304" y="10" color="#0000FF" width="21" height="116280"/>
<rect x="325" y="10" color="#0000FF" width="21" height="54264"/>
<rect x="346" y="10" color="#0000FF" width="21" height="20349"/>
<rect x="367" y="10" color="#0000FF" width="21" height="5985"/>
<rect x="388" y="10" color="#0000FF" width="21" height="1330"/>
<rect x="409" y="10" color="#0000FF" width="21" height="210"/>
<rect x="430" y="10" color="#0000FF" width="21" height="21"/>
<rect x="451" y="10" color="#0000FF" width="21" height="1"/>
</g>
</svg>

Actual Results:  
For rectangles with large heights, the rendering is incorrect.
The height turns negative.


Expected Results:  
Large rectangles should be rendered correctly, and viewable via scrolling.

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<g id="column" style="opacity: 1; fill: blue; fill-opacity: 1; stroke: black; stroke-opacity: 1">
<rect x="10" y="10" color="#0000FF" width="21" height="1"/>
<rect x="31" y="10" color="#0000FF" width="21" height="21"/>
<rect x="52" y="10" color="#0000FF" width="21" height="210"/>
<rect x="73" y="10" color="#0000FF" width="21" height="1330"/>
<rect x="94" y="10" color="#0000FF" width="21" height="5985"/>
<rect x="115" y="10" color="#0000FF" width="21" height="20349"/>
<rect x="136" y="10" color="#0000FF" width="21" height="54264"/>
<rect x="157" y="10" color="#0000FF" width="21" height="116280"/>
<rect x="178" y="10" color="#0000FF" width="21" height="203490"/>
<rect x="199" y="10" color="#0000FF" width="21" height="293930"/>
<rect x="220" y="10" color="#0000FF" width="21" height="352716"/>

<rect x="241" y="10" color="#0000FF" width="21" height="352716"/>
<rect x="262" y="10" color="#0000FF" width="21" height="293930"/>
<rect x="283" y="10" color="#0000FF" width="21" height="203490"/>
<rect x="304" y="10" color="#0000FF" width="21" height="116280"/>
<rect x="325" y="10" color="#0000FF" width="21" height="54264"/>
<rect x="346" y="10" color="#0000FF" width="21" height="20349"/>
<rect x="367" y="10" color="#0000FF" width="21" height="5985"/>
<rect x="388" y="10" color="#0000FF" width="21" height="1330"/>
<rect x="409" y="10" color="#0000FF" width="21" height="210"/>
<rect x="430" y="10" color="#0000FF" width="21" height="21"/>
<rect x="451" y="10" color="#0000FF" width="21" height="1"/>
</g>
</svg>
(Reporter)

Comment 1

10 years ago
Created attachment 277259 [details]
A series of rectangles.

This .svg file can be used to reproduce the SVG rendering bug.
Component: File Handling → SVG
Product: Firefox → Core
QA Contact: file.handling → general
Version: unspecified → 1.8 Branch

Comment 2

10 years ago
This is another example of cairo's range limitation and therefore basically a duplicate of bug 315383, c.f. in particular bug 315383 comment 12.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 10 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 315383
You need to log in before you can comment on or make changes to this bug.