Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-13 16:38:20 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 50ff4f970fd8592a9f436d4e86e7d572de143260

Browse source
This commit is contained in:
WPT Sync Bot 2018-09-20 21:31:18 -04:00
parent 82bbf3ad45
commit 8ea5658199
150 changed files with 4737 additions and 998 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-001-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

63
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-001.svg Normal file
View file

@ -0,0 +1,63 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Single 1x1 patch (userSpaceOnUse).</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-basic-001-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="LinearMesh" x="20" y="140" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="l 200,0" />
<stop style="stop-color:#00ff00" path="l 0,200" />
<stop style="stop-color:#ffff00" path="l -200,0" />
<stop style="stop-color:#00ff00" path="l 0,-200" />
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient id="BezierMesh" x="260" y="140" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="c 66.6667,0 133.333,0 200,0" />
<stop style="stop-color:#00ff00" path="c 0,66.6667 0,133.333 0,200" />
<stop style="stop-color:#ffff00" path="c -66.6667,0 -133.333,0 -200,0" />
<stop style="stop-color:#00ff00" path="c 0,-66.6667 0,-133.333 0,-200" />
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<rect x="20" y="140" width="200" height="200" style="fill:url(#LinearMesh)" />
<rect x="260" y="140" width="200" height="200" style="fill:url(#BezierMesh)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-002-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

63
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-002.svg Normal file
View file

@ -0,0 +1,63 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Single 1x1 patch (objectBoundingBox)</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-basic-002-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="LinearMesh" x="0" y="0" gradientUnits="objectBoundingBox">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="l 1,0" />
<stop style="stop-color:#00ff00" path="l 0,1" />
<stop style="stop-color:#ffff00" path="l -1,0" />
<stop style="stop-color:#00ff00" path="l 0,-1" />
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient id="BezierMesh" x="0" y="0" gradientUnits="objectBoundingBox">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="c 0.3333,0 0.6667,0 1,0" />
<stop style="stop-color:#00ff00" path="c 0,0.3333 0,0.6667 0,1" />
<stop style="stop-color:#ffff00" path="c -0.3333,0 -0.6667,0 -1,0" />
<stop style="stop-color:#00ff00" path="c 0,-0.3333 0,-0.6667 0,-1" />
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<rect x="20" y="140" width="200" height="200" style="fill:url(#LinearMesh)" />
<rect x="260" y="140" width="200" height="200" style="fill:url(#BezierMesh)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-003-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

103
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-003.svg Normal file
View file

@ -0,0 +1,103 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Simple 2x2 patch mesh (userSpaceOnUse).</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-basic-003-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="LinearMesh" x="20" y="140" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="l 100,0" />
<stop style="stop-color:#00ff00" path="l 0,100" />
<stop style="stop-color:#ffff00" path="l -100,0" />
<stop style="stop-color:#00ff00" path="l 0,-100" />
</meshpatch>
<meshpatch>
<stop path="l 100,0" />
<stop style="stop-color:#ffff00" path="l 0,100" />
<stop style="stop-color:#0000ff" path="l -100,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<!-- No initial stop -->
<stop path="l 0,100" />
<stop style="stop-color:#0000ff" path="l -100,0" />
<stop style="stop-color:#ffff00" path="l 0,-100" />
</meshpatch>
<meshpatch>
<!-- No initial stop -->
<stop path="l 0,100" />
<stop style="stop-color:#00ff00" path="l -100,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient id="BezierMesh" x="260" y="140" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="c 33.33,0 66.67,0 100,0" />
<stop style="stop-color:#00ff00" path="c 0,33.33 0,66.67 0,100" />
<stop style="stop-color:#ffff00" path="c -33.33,0 -66.67,0 -100,0" />
<stop style="stop-color:#00ff00" path="c 0,-33.33 0,-66.67 0,-100" />
</meshpatch>
<meshpatch>
<stop path="c 33.33,0 66.67,0 100,0" />
<stop style="stop-color:#ffff00" path="c 0,33.33 0,66.67 0,100" />
<stop style="stop-color:#0000ff" path="c -33.33,0 -66.67,0 -100,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<!-- No initial stop -->
<stop path="c 0,33.33 0,66.67 0,100" />
<stop style="stop-color:#0000ff" path="c -33.33,0 -66.67,0 -100,0" />
<stop style="stop-color:#ffff00" path="c 0,-33.33 0,-66.67 0,-100" />
</meshpatch>
<meshpatch>
<!-- No initial stop -->
<stop path="c 0,33.33 0,66.67 0,100" />
<stop style="stop-color:#00ff00" path="c -33.33,0 -66.67,0 -100,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<rect x="20" y="140" width="200" height="200" style="fill:url(#LinearMesh)" />
<rect x="260" y="140" width="200" height="200" style="fill:url(#BezierMesh)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-004-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

103
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-004.svg Normal file
View file

@ -0,0 +1,103 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Simple 2x2 patch mesh (objectBoundingBox).</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-basic-004-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="LinearMesh" x="0" y="0" gradientUnits="objectBoundingBox">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="l 0.5,0" />
<stop style="stop-color:#00ff00" path="l 0,0.5" />
<stop style="stop-color:#ffff00" path="l -0.5,0" />
<stop style="stop-color:#00ff00" path="l 0,-0.5" />
</meshpatch>
<meshpatch>
<stop path="l 0.5,0" />
<stop style="stop-color:#ffff00" path="l 0,0.5" />
<stop style="stop-color:#0000ff" path="l -0.5,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<!-- No initial stop -->
<stop path="l 0,0.5" />
<stop style="stop-color:#0000ff" path="l -0.5,0" />
<stop style="stop-color:#ffff00" path="l 0,-0.5" />
</meshpatch>
<meshpatch>
<!-- No initial stop -->
<stop path="l 0,0.5" />
<stop style="stop-color:#00ff00" path="l -0.5,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient id="BezierMesh" x="0" y="0" gradientUnits="objectBoundingBox">
<meshrow>
<meshpatch>
<stop style="stop-color:#0000ff" path="c 0.1667,0 0.3333,0 0.5,0" />
<stop style="stop-color:#00ff00" path="c 0,0.1667 0,0.3333 0,0.5" />
<stop style="stop-color:#ffff00" path="c -0.1667,0 -0.3333,0 -0.5,0" />
<stop style="stop-color:#00ff00" path="c 0,-0.1667 0,-0.3333 0,-0.5" />
</meshpatch>
<meshpatch>
<stop path="c 0.1667,0 0.3333,0 0.5,0" />
<stop style="stop-color:#ffff00" path="c 0,0.1667 0,0.3333 0,0.5" />
<stop style="stop-color:#0000ff" path="c -0.1667,0 -0.3333,0 -0.5,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<!-- No initial stop -->
<stop path="c 0,0.1667 0,0.3333 0,0.5" />
<stop style="stop-color:#0000ff" path="c -0.1667,0 -0.3333,0 -0.5,0" />
<stop style="stop-color:#ffff00" path="c 0,-0.1667 0,-0.3333 0,-0.5" />
</meshpatch>
<meshpatch>
<!-- No initial stop -->
<stop path="c 0,0.1667 0,0.3333 0,0.5" />
<stop style="stop-color:#00ff00" path="c -0.1667,0 -0.3333,0 -0.5,0" />
<!-- No final stop -->
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<rect x="20" y="140" width="200" height="200" style="fill:url(#LinearMesh)" />
<rect x="260" y="140" width="200" height="200" style="fill:url(#BezierMesh)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-005-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

226
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-basic-005.svg Normal file
View file

@ -0,0 +1,226 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Star: 10x2 patches.</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-basic-005-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="StarMesh" x="240" y="140" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop
style="stop-color:#0000ff"
path="l 32.3286,65.5041" />
<stop
style="stop-color:#0000ff"
path="l -16.1641,22.248" />
<stop
style="stop-color:#00ff00"
path="l -16.1643,-32.752" />
<stop
style="stop-color:#00ff00"
path="l -0.000202026,-55" />
</meshpatch>
<meshpatch>
<stop
path="l 72.2879,10.5037" />
<stop
style="stop-color:#0000ff"
path="l -52.308,16.9961" />
<stop
style="stop-color:#00ff00"
path="l -36.144,-5.25184" />
</meshpatch>
<meshpatch>
<stop
path="l -52.308,50.9882" />
<stop
style="stop-color:#0000ff"
path="l -26.1541,-8.49796" />
<stop
style="stop-color:#00ff00"
path="l 26.154,-25.4941" />
</meshpatch>
<meshpatch>
<stop
path="l 12.3486,71.9957" />
<stop
style="stop-color:#0000ff"
path="l -32.3284,-44.4958" />
<stop
style="stop-color:#00ff00"
path="l -6.1743,-35.9979" />
</meshpatch>
<meshpatch>
<stop
path="l -64.6567,-33.9916" />
<stop
style="stop-color:#0000ff"
path="l -5.60788e-06,-27.5" />
<stop
style="stop-color:#00ff00"
path="l 32.3283,16.9958" />
</meshpatch>
<meshpatch>
<stop
path="l -64.6561,33.9921" />
<stop
style="stop-color:#0000ff"
path="l 32.328,-44.4961" />
<stop
style="stop-color:#00ff00"
path="l 32.328,-16.9961" />
</meshpatch>
<meshpatch>
<stop
path="l 12.3479,-71.9962" />
<stop
style="stop-color:#0000ff"
path="l 26.1541,-8.49797" />
<stop
style="stop-color:#00ff00"
path="l -6.17397,35.9981" />
</meshpatch>
<meshpatch>
<stop
path="l -52.3082,-50.9874" />
<stop
style="stop-color:#0000ff"
path="l 52.3082,16.9957" />
<stop
style="stop-color:#00ff00"
path="l 26.1541,25.4937" />
</meshpatch>
<meshpatch>
<stop
path="l 72.2881,-10.5044" />
<stop
style="stop-color:#0000ff"
path="l 16.1641,22.248" />
<stop
style="stop-color:#00ff00"
path="l -36.1441,5.25222" />
</meshpatch>
<meshpatch>
<stop
path="l 32.3278,-65.5041" />
<stop
style="stop-color:#0000ff"
path="l 0.000202026,55" />
<stop
style="stop-color:#00ff00"
path="l -16.1639,32.752" />
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<stop
path="l -16.1641,22.248" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
<stop
style="stop-color:#ffff00"
path="l -0.000202026,-55" />
</meshpatch>
<meshpatch>
<stop
path="l -52.308,16.9961" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l -26.1541,-8.49796" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l -32.3284,-44.4958" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l -5.60788e-06,-27.5" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l 32.328,-44.4961" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l 26.1541,-8.49797" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l 52.3082,16.9957" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l 16.1641,22.248" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
<meshpatch>
<stop
path="l 0.000202026,55" />
<stop
style="stop-color:#ffff00"
path="l 0,0" />
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<path d="m 240,140 32.328,65.504 72.288,10.504 -52.308,50.988 12.349,71.996 -64.657,-33.992 -64.6561,33.992 12.348,-71.996 -52.3082,-50.987 72.2881,-10.505 z"
style="fill:url(#StarMesh)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-bicubic-001-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

223
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-bicubic-001.svg Normal file
View file

@ -0,0 +1,223 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Coons vs. Bicubic.</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-bicubic-001-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="CheckerBoardCoons" x="20" y="140" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c 22.2222,0 44.4444,0 66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,-22.2222 0,-44.4444 0,-66.6667" />
</meshpatch>
<meshpatch>
<stop
path="c 22.2222,0 44.4444,0 66.6667,0" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
<meshpatch>
<stop
path="c 22.2222,0 44.4444,0 66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c 0,-22.2222 0,-44.4444 0,-66.6667" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,-22.2222 0,-44.4444 0,-66.6667" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
</meshrow>
</meshgradient>
<meshgradient id="CheckerBoardBicubic" x="260" y="140" type="bicubic" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c 22.2222,0 44.4444,0 66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,-22.2222 0,-44.4444 0,-66.6667" />
</meshpatch>
<meshpatch>
<stop
path="c 22.2222,0 44.4444,0 66.6667,0" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
<meshpatch>
<stop
path="c 22.2222,0 44.4444,0 66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c 0,-22.2222 0,-44.4444 0,-66.6667" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c 0,-22.2222 0,-44.4444 0,-66.6667" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#00ff00;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
<meshpatch>
<stop
path="c 0,22.2222 0,44.4444 0,66.6667" />
<stop
style="stop-color:#0000ff;stop-opacity:1"
path="c -22.2222,0 -44.4444,0 -66.6667,0" />
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<rect x="20" y="140" width="200" height="200" style="fill:url(#CheckerBoardCoons)" />
<rect x="260" y="140" width="200" height="200" style="fill:url(#CheckerBoardBicubic)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-complex-001-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 31 KiB

89
tests/wpt/web-platform-tests/svg/pservers/reftests/meshgradient-complex-001.svg Normal file
View file

@ -0,0 +1,89 @@
<svg id="svg-root"
width="480" height="360" viewBox="0 0 480 360"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:html="http://www.w3.org/1999/xhtml">
<g id="testmeta">
<title>Mesh gradient: Patch paint order.</title>
<html:link rel="author"
title="Tavmjong Bah"
href="http://tavmjong.free.fr"/>
<html:link rel="help"
href="https://www.w3.org/TR/SVG2/pservers.html#MeshGradients"/>
<html:link rel="match" href="meshgradient-complex-001-ref.png" />
</g>
<style id="test-font" type="text/css">
/* Standard Font (if needed). */
@font-face {
font-family: FreeSans;
src: url("../fonts/FreeSans.woff") format("woff");
}
text {
font-family: FreeSans, sans-serif;
text-anchor: middle;
fill: black;
}
#title {
font-size: 24px;
}
.label {
font-size: 18px;
}
</style>
<defs>
<meshgradient id="PatchPaintOrder" x="120" y="110" gradientUnits="userSpaceOnUse">
<meshrow>
<meshpatch>
<stop
style="stop-color:#0000ff"
path="c 53.3333,0 250,0 250,20" />
<stop
style="stop-color:#00ff00"
path="c 0,40 0,60 0,100" />
<stop
style="stop-color:#ffff00"
path="c 0,-20 -196.667,-20 -250,-20" />
<stop
style="stop-color:#00ff00"
path="c 0,-40 0,-60 0,-100" />
</meshpatch>
<meshpatch>
<stop
path="c 0,20 -210,0 -140,20" />
<stop
style="stop-color:#ffff00"
path="c 0,40 0,60 0,100" />
<stop
style="stop-color:#0000ff"
path="c -70,-20 140,0 140,-20" />
</meshpatch>
</meshrow>
<meshrow>
<meshpatch>
<stop
path="c 0,40 0,60 0,100" />
<stop
style="stop-color:#0000ff"
path="c 0,-20 -196.667,-20 -250,-20" />
<stop
style="stop-color:#ffff00"
path="c 0,-40 0,-60 0,-100" />
</meshpatch>
<meshpatch>
<stop
path="c 0,40 0,60 0,100" />
<stop
style="stop-color:#00ff00"
path="c -70,-20 140,0 140,-20" />
</meshpatch>
</meshrow>
</meshgradient>
</defs>
<g id="test-body-content">
<rect x="80" y="110" width="320" height="240" style="fill:url(#PatchPaintOrder)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB