mirror of
https://github.com/servo/servo.git
synced 2025-07-03 05:23:38 +01:00
Auto merge of #24222 - servo-wpt-sync:wpt_update_16-09-2019, r=servo-wpt-sync
Sync WPT with upstream (16-09-2019) Automated downstream sync of changes from upstream as of 16-09-2019. [no-wpt-sync]
This commit is contained in:
bors-servo
GitHub
commit
06a07909c1
420 changed files with 901 additions and 14894 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -327,12 +327,12 @@
|
|||
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html;x=" text/plain]
|
||||
[<iframe>: combined response Content-Type: text/html;" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;" \\" text/plain]
|
||||
[<iframe>: separate response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html;" \\" text/plain]
|
||||
[<iframe>: combined response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -53,6 +53,6 @@
|
|||
[combined text/javascript ]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript;charset=windows-1252 error text/javascript]
|
||||
[separate text/javascript ]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -14,6 +14,6 @@
|
|||
[X-Content-Type-Options%3A%20'NosniFF']
|
||||
expected: FAIL
|
||||
|
||||
[X-Content-Type-Options%3A%20no%0D%0AX-Content-Type-Options%3A%20nosniff]
|
||||
[Content-Type-Options%3A%20nosniff]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
[traverse_the_history_4.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
[creating_browsing_context_test_01.html]
|
||||
expected: TIMEOUT
|
||||
[first argument: absolute url]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,24 +1,5 @@
|
|||
[open-features-negative-innerwidth-innerheight.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: negative values for legacy `innerwidth`, `innerheight`]
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=-404.5" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerwidth=-404.5" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerwidth=-404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=-404e1" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=-404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerwidth=-404e1" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
|||
|
|
@ -1,24 +1,5 @@
|
|||
[open-features-negative-screenx-screeny.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: negative values for legacy `screenx`, `screeny`]
|
||||
expected: FAIL
|
||||
|
||||
[features "screenx=-204" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screeny=-204" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screeny=-204.5" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screeny=-0" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screenx=-0" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screenx=-204.5" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
|||
|
|
@ -1,24 +1,5 @@
|
|||
[open-features-negative-top-left.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: negative values for `top`, `left`]
|
||||
expected: FAIL
|
||||
|
||||
[features "top=-204" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=-204.5" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=-204" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=-0" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=-204.5" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=-0" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
|||
|
|
@ -1,48 +1,32 @@
|
|||
[open-features-non-integer-height.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for feature `height`]
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405*3" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405.32" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405e1" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405/5" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405^4" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405.5" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405e-1" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405 " should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "height=405LLl" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "height=/404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[top=0,left=0,width=401,: absence of feature "height" should be treated same as "height=0"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[top=0,left=0: absence of feature "height" should be treated same as "height=0"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "height=_404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "height=L404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,42 +1,32 @@
|
|||
[open-features-non-integer-innerheight.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for legacy feature `innerheight`]
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405e-1" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405LLl" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405^4" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405e1" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405 " should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405/5" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405.32" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405.5" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=405*3" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=_404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=L404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=/404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,42 +1,32 @@
|
|||
[open-features-non-integer-left.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for feature `left`]
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105e1" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105 " should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105/5" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105e-1" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105^4" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105LLl" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105.32" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105*3" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "left=105.5" should set "left=105"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=L104" should NOT set "left=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=/104" should NOT set "left=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=_104" should NOT set "left=104"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,42 +1,32 @@
|
|||
[open-features-non-integer-screeny.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for legacy feature `screeny`]
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405^4" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405e-1" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405LLl" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405e1" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405 " should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405/5" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405*3" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405.32" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "screeny=405.5" should set "height=405"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screeny=_404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screeny=L404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "screeny=/404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,42 +1,32 @@
|
|||
[open-features-non-integer-top.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for feature `top`]
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105/5" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105*3" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105LLl" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105e-1" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105.32" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105e1" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105 " should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105^4" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105.5" should set "top=105"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=/104" should NOT set "top=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=_104" should NOT set "top=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=L104" should NOT set "top=104"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,48 +1,32 @@
|
|||
[open-features-non-integer-width.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for feature `width`]
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405^4" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405.5" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405e1" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405 " should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405.32" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405LLl" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405*3" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405e-1" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405/5" should set "width=405"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[top=0,left=0: absence of feature "width" should be treated same as "width=0"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=_404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[top=0,left=0,height=401,: absence of feature "width" should be treated same as "width=0"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=/404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=L404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
[script-onerror-insertion-point-2.html]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[DOMContentLoaded-defer.html]
|
||||
[The end: DOMContentLoaded and defer scripts]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -20,3 +20,6 @@
|
|||
[domainLookupStart should be 0 in cross-origin request.]
|
||||
expected: FAIL
|
||||
|
||||
[responseEnd should be greater than 0 in cross-origin request.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
[realtimeanalyser-fft-scaling.html]
|
||||
expected: TIMEOUT
|
||||
[X 2048-point FFT peak position is not equal to 64. Got 0.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -74,3 +74,6 @@
|
|||
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[30\]\t1.9724091887474060e-1\t9.5236867666244507e-1\t7.5512775778770447e-1\t7.9289436569253091e-1\t3.8985999999999999e-3\n\t[60\]\t-2.2450675070285797e-1\t-5.8084785938262939e-1\t3.5634110867977142e-1\t6.1348441407448528e-1\t3.8985999999999999e-3\n\t[90\]\t-3.7808802723884583e-1\t-5.9811043739318848e-1\t2.2002241015434265e-1\t3.6786251568070089e-1\t3.8985999999999999e-3\n\t[120\]\t7.6881676912307739e-1\t9.4563448429107666e-1\t1.7681771516799927e-1\t1.8698315057805445e-1\t3.8985999999999999e-3\n\t[151\]\t5.4644601186737418e-4\t-4.1306272149085999e-2\t4.1852718160953373e-2\t1.0132291292202573e+0\t3.8985999999999999e-3\n\t...and 1419 more errors.\n\tMax AbsError of 4.7856893212753920e+15 at index of 20238.\n\t[20238\]\t4.7856893212753920e+15\t-4.7574958205223083e-1\t4.7856893212753920e+15\t1.0059261220223182e+16\t3.8985999999999999e-3\n\tMax RelError of 1.0059261220223182e+16 at index of 20238.\n\t[20238\]\t4.7856893212753920e+15\t-4.7574958205223083e-1\t4.7856893212753920e+15\t1.0059261220223182e+16\t3.8985999999999999e-3\n]
|
||||
expected: FAIL
|
||||
|
||||
[X SNR (19.51637874776216 dB) is not greater than or equal to 65.737. Got 19.51637874776216.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -25,6 +25,14 @@
|
|||
grid-column: -2;
|
||||
grid-row: -2;
|
||||
}
|
||||
.pad-calc {
|
||||
border-width: 0;
|
||||
padding: calc(10% + 20px);
|
||||
}
|
||||
.pad-percent {
|
||||
border-width: 0;
|
||||
padding: 10%;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
@ -69,16 +77,64 @@
|
|||
<div class="item" data-offset-x="100" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="300" data-expected-height="160">
|
||||
<div class="grid border border-box pad-percent" data-expected-width="300" data-expected-height="160">
|
||||
<div class="item" data-offset-x="130" data-offset-y="80" data-expected-width="100" data-expected-height="50">x</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="240" data-expected-height="188">
|
||||
<div class="grid border border-box pad-calc" data-expected-width="240" data-expected-height="188">
|
||||
<div class="item" data-offset-x="44" data-offset-y="94" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid border border-box" style="width: 200px; height: 100px;" data-expected-width="200" data-expected-height="100">
|
||||
<div class="item" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="200" data-expected-height="100">
|
||||
<div class="grid border border-box pad-percent" style="width: 200px; height: 100px;" data-expected-width="200" data-expected-height="100">
|
||||
<div class="item" data-offset-x="20" data-offset-y="20" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="200" data-expected-height="100">
|
||||
<div class="grid border border-box pad-calc" style="width: 200px; height: 100px;" data-expected-width="200" data-expected-height="100">
|
||||
<div class="item" data-offset-x="40" data-offset-y="40" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid border border-box" style="width: min-content; height: min-content;" data-expected-width="220" data-expected-height="170">
|
||||
<div class="item" data-offset-x="100" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="300" data-expected-height="160">
|
||||
<div class="grid border border-box pad-percent" style="width: min-content; height: min-content;" data-expected-width="300" data-expected-height="160">
|
||||
<div class="item" data-offset-x="130" data-offset-y="80" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="240" data-expected-height="188">
|
||||
<div class="grid border border-box pad-calc" style="width: min-content; height: min-content;" data-expected-width="288" data-expected-height="188">
|
||||
<div class="item" data-offset-x="144" data-offset-y="94" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid border border-box" style="width: max-content; height: max-content;" data-expected-width="220" data-expected-height="170">
|
||||
<div class="item" data-offset-x="100" data-offset-y="100" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="300" data-expected-height="160">
|
||||
<div class="grid border border-box pad-percent" style="width: max-content; height: max-content;" data-expected-width="300" data-expected-height="160">
|
||||
<div class="item" data-offset-x="130" data-offset-y="80" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width:min-content" data-expected-width="240" data-expected-height="188">
|
||||
<div class="grid border border-box pad-calc" style="width: max-content; height: max-content;" data-expected-width="288" data-expected-height="188">
|
||||
<div class="item" data-offset-x="144" data-offset-y="94" data-expected-width="100" data-expected-height="50"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Scroll Anchoring: Anchor node can be an image</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/#anchor-node-selection">
|
||||
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4247">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1540203">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
body { height: 4000px }
|
||||
#spacer { height: 100px }
|
||||
img {
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<div id=spacer></div>
|
||||
<br><br>
|
||||
<img>
|
||||
<script>
|
||||
test(() => {
|
||||
document.scrollingElement.scrollTop = 150;
|
||||
document.querySelector("#spacer").style.height = "150px";
|
||||
assert_equals(document.scrollingElement.scrollTop, 200);
|
||||
}, "Anchor selection can select images");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Scroll Anchoring: Anchor node can be an empty inline-block</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/#anchor-node-selection">
|
||||
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4247">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1540203">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
body { height: 4000px }
|
||||
#ib1, #ib2 { display: inline-block; height: 100px; width: 100% }
|
||||
</style>
|
||||
<span id=ib1></span>
|
||||
<br><br>
|
||||
<span id=ib2></span>
|
||||
<script>
|
||||
|
||||
// Tests anchoring to an empty inline-block.
|
||||
|
||||
test(() => {
|
||||
document.scrollingElement.scrollTop = 150;
|
||||
document.querySelector("#ib1").style.height = "150px";
|
||||
assert_equals(document.scrollingElement.scrollTop, 200);
|
||||
}, "Anchor selection can select empty inline-blocks");
|
||||
|
||||
</script>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test: `break-word` should work with `word-break: keep-all`</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
div {
|
||||
overflow-wrap: break-word;
|
||||
word-break: keep-all;
|
||||
font-size: 10px;
|
||||
width: 7ch;
|
||||
line-height: 20px;
|
||||
background: lightgray;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<div>0000000000</div>
|
||||
<div>헬로우월드헬로우월드헬로우월드헬로우월드헬로우월드</div>
|
||||
<script>
|
||||
for (let e of document.getElementsByTagName('div')) {
|
||||
test(() => {
|
||||
// All boxes should wrap to more than 1 line.
|
||||
assert_greater_than(e.offsetHeight, 20);
|
||||
}, e.textContent);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -2,6 +2,16 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
background: green;
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is no red.
|
||||
<div>ああ<br>ああ</div>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>あああ</div><div>ああ</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
background: green;
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>ああああ あ あ</div>
|
||||
<div>ああ</div>
|
||||
|
|
@ -1,26 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<style>
|
||||
div { font-family: monospace; }
|
||||
div {
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
background: green;
|
||||
float: left;
|
||||
clear: left;
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx                   　</div>
|
||||
<div>xx</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: ideographic space at the end of line must be removed</title>
|
||||
<title>CSS Text level 3 Test: ideographic space at the end of line must hang</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-001-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must be removed.">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must hang.">
|
||||
<style>
|
||||
div { width: 2em; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is no red.
|
||||
<div>ああ<span>　</span>ああ</div>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div class=red>あああ</div>
|
||||
<div class=red>ああ<span class=green>　</span><br>ああ</div>
|
||||
<div class=green>ああ<br>ああ</div>
|
||||
<!-- the ideographic space must not be removed,
|
||||
so it should hide the third red あ of the first div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -1,14 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequence of spaces and ideographic spaces at the end of line must be removed</title>
|
||||
<title>CSS Text level 3 Test: sequence of spaces and ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-001-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must be removed.">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-002-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must hang.">
|
||||
<style>
|
||||
div { width: 2em; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is no red.
|
||||
<div>ああ<span>　　 　 　</span>ああ</div>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
<div class=red>ああああ あ あ</div>
|
||||
<div class=red>ああ<span class=green>　　 　 　</span><br>ああ</div>
|
||||
<div class=green>ああ<br>ああ</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -1,30 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequence of spaces and other space separators at the end of line must be removed</title>
|
||||
<title>CSS Text level 3 Test: sequence of spaces and other space separators at the end of line must hang</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/trailing-other-space-separators-001-ref.html">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must be removed.">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must hang.">
|
||||
<style>
|
||||
div { font-family: monospace; width: 2ch; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
#pre { white-space:pre; }
|
||||
</style>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
|
||||
<div>xx<span>                   　</span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span>　</span>xx</div>
|
||||
<div class=red id=pre>xx                   　</div>
|
||||
<div class=red>xx<span class=green>                   　</span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green>　</span><br>xx</div>
|
||||
<div class=green>xx<br>xx</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
The extra red divs with one character each are for ease of debugging:
|
||||
if the first one is fine, they will all be fine,
|
||||
but if it is not, they should help find which one is wrong.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -4,27 +4,45 @@
|
|||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/trailing-other-space-separators-001-ref.html">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must be removed, with white-space:pre-line.">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must hang, with white-space:pre-line.">
|
||||
<style>
|
||||
div { font-family: monospace; width: 2ch; white-space: pre-line; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
#pre { white-space:pre; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>xx<span>                   　</span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span>　</span>xx</div>
|
||||
<div class=red id=pre>xx                   　</div>
|
||||
<div class=red>xx<span class=green>                   　</span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green>　</span><br>xx</div>
|
||||
<div class=green>xx<br>xx</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
The extra red divs with one character each are for ease of debugging:
|
||||
if the first one is fine, they will all be fine,
|
||||
but if it is not, they should help find which one is wrong.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -4,27 +4,44 @@
|
|||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/trailing-other-space-separators-001-ref.html">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must be removed, with white-space:nowrap.">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must hang, with white-space:nowrap.">
|
||||
<style>
|
||||
div { font-family: monospace; width: 2ch; white-space: nowrap; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
#pre { white-space:pre; }
|
||||
</style>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
|
||||
<div>xx<span>                   　</span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span>　</span><br>xx</div>
|
||||
<div class=red id=pre>xx                   　</div>
|
||||
<div class=red>xx<span class=green>                   　</span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green>　</span><br>xx</div>
|
||||
<div class=green>xx<br>xx</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
The extra red divs with one character each are for ease of debugging:
|
||||
if the first one is fine, they will all be fine,
|
||||
but if it is not, they should help find which one is wrong.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -3,4 +3,5 @@ suggested_reviewers:
|
|||
- dbaron
|
||||
- plinss
|
||||
- dirkschulze
|
||||
- smfr
|
||||
- grorg
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<body>
|
||||
<p>The test passes if there is a vertical green stripe to the left of a yellow vertical stripe. You should see no red.</p>
|
||||
<svg>
|
||||
<!-- Fill with Gradient to avoid false positive. -->
|
||||
<!-- Fill with Gradient to avoid false positive. -->
|
||||
<defs>
|
||||
<linearGradient id="grad" x2="0%" y2="100%">
|
||||
<stop offset="50%" stop-color="yellow"/>
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g class="testGroup">
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g transform="rotate(90)">
|
||||
<rect class="testRect" width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect class="testRect" width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g class="testGroup" transform="rotate(90)">
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g class="rotate">
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g class="rotate" transform="scale(0.5)">
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g transform="rotate(90)">
|
||||
<rect class="invalid" width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect class="invalid" width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<g class="invalid" transform="rotate(90)">
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
|
||||
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="1" y="1" width="98" height="98" fill="red"/>
|
||||
<rect class="invalid" y="-60" width="100" height="100" fill="url(#grad)" transform="rotate(90,20px,20px)"/>
|
||||
<rect class="invalid" y="-60" width="100" height="100" fill="url(#grad)" transform="rotate(90 20 20)"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(50)">
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translate(50 0)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
|
|
|
|||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pixel unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(25px)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with point unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(18.75pt)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pica unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(1.5625pc)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with millimeter unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(6.614583333mm)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with centimeter unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.661458333cm)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with inch unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.260416667in)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with em unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(1em)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value and a unit less argument in scientific notation</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with unit less arguments in scientific numbers for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.5e1)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pixel unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.5e1px)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with point unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(1.875e1pt)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pica unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.15625e1pc)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with millimeter unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.6614583333e1mm)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with centimeter unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.0661458333e1cm)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with inch unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.0260416667e1in)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with em unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.1e1em)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value unit less argument in scientific notation with a negative exponent</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with unit less arguments in scientific numbers with negative exponents for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(250e-1)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pixel unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(250e-1px)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with point unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(187.5e-1pt)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pica unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(15.625e-1pc)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with millimeter unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(66.14583333e-1mm)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with centimeter unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(6.61458333e-1cm)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with inch unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.60416667e-1in)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with em unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(10e-1em)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with a negative translation-value argument without unit</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative unit less arguments for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-25)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative pixel unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'px' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-25px)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative point unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'pt' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-18.75pt)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative pica unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'pc' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-1.5625pc)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative millimeter unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'mm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-6.614583333mm)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative centimeter unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'cm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.661458333cm)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative inch unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'in' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.260416667in)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative em unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the relative length unit 'em' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-1em)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value and a negative unit less argument in scientific notation</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative unit less arguments in scientific numbers for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.5e1)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pixel unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.5e1px)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with point unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-1.875e1pt)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pica unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.15625e1pc)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with millimeter unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.6614583333e1mm)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with centimeter unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.0661458333e1cm)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with inch unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.0260416667e1in)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with em unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.1e1em)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value unit less negative argument in scientific notation with a negative exponent</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with unit less arguments in negative scientific numbers with negative exponents for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-250e-1)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pixel unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-250e-1px)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with point unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-187.5e-1pt)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pica unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-15.625e-1pc)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with millimeter unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-66.14583333e-1mm)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with centimeter unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-6.61458333e-1cm)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with inch unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.60416667e-1in)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with em unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-10e-1em)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG transform presentation attribute on the gradient element - has no effect</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-transform-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute does not support the transform presentation attribute. The gradient in the test should not be moved.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a vertical green bar to the left of a vertical yellow bar.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" transform="translateX(50px)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="yellow"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" gradientUnits="userSpaceOnUse" gradientTransform="translateX(50px) translateX(50px)">
|
||||
<linearGradient id="grad" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 0) translate(50 0)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
|
|
|
|||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with translateX applied once in pixels and once in pt units</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="match" href="reference/svg-gradientTransform-combination-ref.html">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support multiple transform functions on the same element with different translation-value units. The gradient in the test should be moved 100 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" gradientUnits="userSpaceOnUse" gradientTransform="translateX(50px) translateX(37.5pt)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="200" height="200"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" gradientTransform="translateX(150) translateX(-50)">
|
||||
<linearGradient id="grad" gradientTransform="translate(150 0) translate(-50 0)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
|
|
|
|||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with ex unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.2ex)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with ex unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.22e1ex)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with ex unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(22e-1ex)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative ex unit on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the relative length unit 'ex' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.2ex)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with ex unit in scientific notation on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.22e1ex)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with ex unit in scientific notation with a negative exponent on translateX</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
|
||||
<meta name="flags" content="svg ahem">
|
||||
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1;
|
||||
font: 25px Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green square and no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-22e-1ex)">
|
||||
<stop offset="50%" stop-color="red"/>
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with percentage unit on translateX - has no effect</title>
|
||||
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
|
||||
<link rel="match" href="reference/svg-gradientTransform-relative-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="Arguments in percentage units in gradientTransform functions should have no affect. The gradient in the test should be not be moved.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a vertical green bar next to a vertical blue bar.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(25%)">
|
||||
<stop offset="50%" stop-color="green"/>
|
||||
<stop offset="50%" stop-color="blue"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue