Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-26 06:11:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 862154 - Fix paint-order-02.svg to work with svg.text.css-frames.enabled=true. r=longsonr

Browse Source
This commit is contained in:
Cameron McCormack 2013-04-16 16:43:29 +10:00
parent e60f7ec363
commit a5e8302d09
2 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
layout/reftests/svg/paint-order-02-ref.svg
View File

@ -4,25 +4,33 @@
-->
<svg xmlns="http://www.w3.org/2000/svg">
<title>Reference for paint-order-02.svg</title>
<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=XXXXXX -->
<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
<g fill="gold" stroke="black" stroke-width="8" paint-order="stroke">
<ellipse cx="50" cy="50" rx="40" ry="20" fill-opacity="0" stroke-opacity="1"/>
<ellipse cx="50" cy="50" rx="40" ry="20" fill-opacity="1" stroke-opacity="0"/>
<linearGradient id="gold">
<stop stop-color="gold"/>
</linearGradient>
<path d="M 50,100 h 40 v 30 z" fill-opacity="0" stroke-opacity="1"/>
<path d="M 50,100 h 40 v 30 z" fill-opacity="1" stroke-opacity="0"/>
<linearGradient id="black">
<stop stop-color="black"/>
</linearGradient>
<polygon points="50,150 90,150 90,180" fill-opacity="0" stroke-opacity="1"/>
<polygon points="50,150 90,150 90,180" fill-opacity="1" stroke-opacity="0"/>
<g fill="url(#gold)" stroke="url(#black)" stroke-width="8" paint-order="stroke">
<ellipse cx="50" cy="50" rx="40" ry="20" fill="none"/>
<ellipse cx="50" cy="50" rx="40" ry="20" stroke="none"/>
<polyline points="50,200 90,200 90,230" fill-opacity="0" stroke-opacity="1"/>
<polyline points="50,200 90,200 90,230" fill-opacity="1" stroke-opacity="0"/>
<path d="M 50,100 h 40 v 30 z" fill="none"/>
<path d="M 50,100 h 40 v 30 z" stroke="none"/>
<rect x="50" y="250" width="80" height="30" r="16" fill-opacity="0" stroke-opacity="1"/>
<rect x="50" y="250" width="80" height="30" r="16" fill-opacity="1" stroke-opacity="0"/>
<polygon points="50,150 90,150 90,180" fill="none"/>
<polygon points="50,150 90,150 90,180" stroke="none"/>
<text x="50" y="350" font-size="80" stroke-width="4" fill-opacity="0" stroke-opacity="1">hello <tspan fill-opacity="1" stroke-opacity="0">there</tspan></text>
<text x="50" y="350" font-size="80" stroke-width="4" fill-opacity="1" stroke-opacity="0">hello <tspan fill-opacity="0" stroke-opacity="1">there</tspan></text>
<polyline points="50,200 90,200 90,230" fill="none"/>
<polyline points="50,200 90,200 90,230" stroke="none"/>
<rect x="50" y="250" width="80" height="30" r="16" fill="none"/>
<rect x="50" y="250" width="80" height="30" r="16" stroke="none"/>
<text x="50" y="350" font-size="80" stroke-width="4"><tspan fill="none">hello</tspan> <tspan stroke="none">there</tspan></text>
<text x="50" y="350" font-size="80" stroke-width="4"><tspan stroke="none">hello</tspan> <tspan fill="none">there</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

12
layout/reftests/svg/paint-order-02.svg
View File

@ -4,9 +4,17 @@
-->
<svg xmlns="http://www.w3.org/2000/svg">
<title>Test that the paint-order property works</title>
<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=XXXXXX -->
<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
<g fill="gold" stroke="black" stroke-width="8" paint-order="stroke">
<linearGradient id="gold">
<stop stop-color="gold"/>
</linearGradient>
<linearGradient id="black">
<stop stop-color="black"/>
</linearGradient>
<g fill="url(#gold)" stroke="url(#black)" stroke-width="8" paint-order="stroke">
<ellipse cx="50" cy="50" rx="40" ry="20"/>
<path d="M 50,100 h 40 v 30 z"/>
<polygon points="50,150 90,150 90,180"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 710 B

After

Width:  |  Height:  |  Size: 884 B