OLD | NEW |
1 <svg viewBox="-10 -10 280 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="h
ttp://www.w3.org/1999/xlink" onload="runRepaintTest()"> | 1 <svg viewBox="-10 -10 280 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="h
ttp://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()"> |
2 » <script xlink:href="../../fast/repaint/resources/repaint.js"></script> | 2 » <script xlink:href="../../fast/repaint/resources/text-based-repaint.js">
</script> |
3 <script> | 3 <script> |
4 <![CDATA[ | 4 <![CDATA[ |
5 function repaintTest() { | 5 function repaintTest() { |
6 document.getElementById('t1').setAttribute("paint-order"
, "stroke fill"); | 6 document.getElementById('t1').setAttribute("paint-order"
, "stroke fill"); |
7 document.getElementById('t2').style.paintOrder = "normal
"; | 7 document.getElementById('t2').style.paintOrder = "normal
"; |
8 document.getElementById('t3').setAttribute("paint-order"
, "markers fill stroke"); | 8 document.getElementById('t3').setAttribute("paint-order"
, "markers fill stroke"); |
9 document.getElementById('t4').setAttribute("color", "cya
n"); | 9 document.getElementById('t4').setAttribute("color", "cya
n"); |
10 } | 10 } |
11 ]]> | 11 ]]> |
12 </script> | 12 </script> |
(...skipping 20 matching lines...) Expand all Loading... |
33 <use id="t1" xlink:href="#poly" width="50" height="50" x="0" fil
ter="url(#null_filter)"/> | 33 <use id="t1" xlink:href="#poly" width="50" height="50" x="0" fil
ter="url(#null_filter)"/> |
34 <use id="t2" xlink:href="#poly" style="paint-order: markers stro
ke" width="50" height="50" x="50" filter="url(#null_filter)"/> | 34 <use id="t2" xlink:href="#poly" style="paint-order: markers stro
ke" width="50" height="50" x="50" filter="url(#null_filter)"/> |
35 | 35 |
36 <svg viewBox="-10 -10 420 420" width="50" height="50" x="100" fi
lter="url(#null_filter)"> | 36 <svg viewBox="-10 -10 420 420" width="50" height="50" x="100" fi
lter="url(#null_filter)"> |
37 <polygon id="t3" points="50 50 50 350 350 350 250 200" f
ill="blue" stroke="lime" stroke-width="50" style="marker: url(#m)" stroke-opacit
y="0.5"/> | 37 <polygon id="t3" points="50 50 50 350 350 350 250 200" f
ill="blue" stroke="lime" stroke-width="50" style="marker: url(#m)" stroke-opacit
y="0.5"/> |
38 </svg> | 38 </svg> |
39 | 39 |
40 <use xlink:href="#poly2" width="50" height="50" x="150" filter="
url(#null_filter)"/> | 40 <use xlink:href="#poly2" width="50" height="50" x="150" filter="
url(#null_filter)"/> |
41 </g> | 41 </g> |
42 </svg> | 42 </svg> |
OLD | NEW |