Bug 1469810 [wpt PR 11585] - SVG: transform properties affect rendering, a=testonly

Automatic update from web-platform-testsMerge pull request #11585 from ewilligers/transform-property-renders

SVG: transform properties affect rendering
--

wpt-commits: 597d73806075a5576528ae1ed0409874b55ad0f6
wpt-pr: 11585
This commit is contained in:
Eric Willigers 2018-07-07 12:54:57 +00:00 committed by James Graham
parent cee99e4de3
commit 4856af60d3
7 changed files with 177 additions and 0 deletions

View File

@ -184643,6 +184643,42 @@
{}
]
],
"svg/styling/render/transform-box.svg": [
[
"/svg/styling/render/transform-box.svg",
[
[
"/svg/styling/render/transform-box-ref.svg",
"=="
]
],
{}
]
],
"svg/styling/render/transform-origin.svg": [
[
"/svg/styling/render/transform-origin.svg",
[
[
"/svg/styling/render/transform-origin-ref.svg",
"=="
]
],
{}
]
],
"svg/styling/render/transform.svg": [
[
"/svg/styling/render/transform.svg",
[
[
"/svg/styling/render/transform-ref.svg",
"=="
]
],
{}
]
],
"webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_completely_move_up.html": [
[
"/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_completely_move_up.html",
@ -298375,6 +298411,21 @@
{}
]
],
"svg/styling/render/transform-box-ref.svg": [
[
{}
]
],
"svg/styling/render/transform-origin-ref.svg": [
[
{}
]
],
"svg/styling/render/transform-ref.svg": [
[
{}
]
],
"svg/types/scripted/resources/SVGLengthList-helper.js": [
[
{}
@ -622288,6 +622339,30 @@
"42ecd7bc94a3379d920687c79c12e2d3c55b9e98",
"testharness"
],
"svg/styling/render/transform-box-ref.svg": [
"4e65b31b1f0003a9d8bee907cd757bdefac032de",
"support"
],
"svg/styling/render/transform-box.svg": [
"a2f73e5855ae6daca2699349813c9854b8c46a37",
"reftest"
],
"svg/styling/render/transform-origin-ref.svg": [
"1732e4b4fd4512f99d624e82322e54e1127dd7de",
"support"
],
"svg/styling/render/transform-origin.svg": [
"d4d41ff459758345a768424651d2a2d30a2b3734",
"reftest"
],
"svg/styling/render/transform-ref.svg": [
"411ce29eea1df9036e7788482750fd776c2e3c2e",
"support"
],
"svg/styling/render/transform.svg": [
"f0f32ff3d761cb2ea645a07234b21908776c9003",
"reftest"
],
"svg/styling/required-properties.svg": [
"b59f278e8303641d5654420c89da3d1e64995458",
"testharness"

View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<style>
rect {
fill: cyan;
stroke: cyan;
stroke-width: 16px;
}
</style>
<g transform="translate(140, 130)">
<rect id="r" x="-30" y="-10" width="80" height="20" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 398 B

View File

@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/styling.html#RequiredProperties"/>
<h:link rel="match" href="transform-box-ref.svg"/>
<h:meta name="assert" content="The transform-box property impacts SVG rendering."/>
</metadata>
<style>
#r {
fill: cyan;
stroke: cyan;
stroke-width: 8px;
transform-box: fill-box;
transform-origin: 75% 100%;
transform: scale(2, 2);
}
</style>
<g transform="translate(140, 130)">
<rect id="r" x="0" y="0" width="40" height="10" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 750 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<style>
rect {
fill: cyan;
}
</style>
<g transform="translate(140, 130)">
<rect x="-30" y="-20" width="80" height="30" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 345 B

View File

@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/styling.html#RequiredProperties"/>
<h:link rel="match" href="transform-origin-ref.svg"/>
<h:meta name="assert" content="The transform-origin property impacts SVG rendering."/>
</metadata>
<style>
rect {
fill: cyan;
transform-origin: 30px 10px;
transform: scale(2, 3);
}
</style>
<g transform="translate(140, 130)">
<rect x="0" y="0" width="40" height="10" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 676 B

View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<style>
rect {
fill: cyan;
}
</style>
<rect x="169" y="141" width="40" height="10" />
</svg>

After

Width:  |  Height:  |  Size: 298 B

View File

@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/styling.html#RequiredProperties"/>
<h:link rel="match" href="transform-ref.svg"/>
<h:meta name="assert" content="The transform property impacts SVG rendering."/>
</metadata>
<style>
rect {
fill: cyan;
transform: translate(29px, 11px);
}
</style>
<rect x="140" y="130" width="40" height="10" />
</svg>

After

Width:  |  Height:  |  Size: 594 B