Index: LayoutTests/svg/repaint/repaint-paintorder.svg |
diff --git a/LayoutTests/svg/repaint/repaint-paintorder.svg b/LayoutTests/svg/repaint/repaint-paintorder.svg |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1dfd6e2111b513ac3de0d22324377bf802358519 |
--- /dev/null |
+++ b/LayoutTests/svg/repaint/repaint-paintorder.svg |
@@ -0,0 +1,39 @@ |
+<svg viewBox="-10 -10 280 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintTest()"> |
+ <script xlink:href="../../fast/repaint/resources/repaint.js"></script> |
+ <script> |
+ <![CDATA[ |
+ function repaintTest() { |
+ document.getElementById('t1').setAttribute("paint-order", "stroke fill"); |
+ document.getElementById('t2').style.paintOrder = "normal"; |
+ document.getElementById('t3').setAttribute("paint-order", "markers fill stroke"); |
+ document.getElementById('t4').setAttribute("color", "cyan"); |
+ } |
+ ]]> |
+ </script> |
+ |
+ <defs> |
+ <marker id="m" refX="5" refY="5" viewBox="0 0 10 10" overflow="visible"> |
+ <circle cx="5" cy="5" r="3" fill="black" stroke="black" fill-opacity="0.5"/> |
+ </marker> |
+ <svg id="poly" viewBox="-10 -10 420 420"> |
+ <polygon points="50 50 50 350 350 350 250 200" fill="blue" stroke="lime" stroke-width="50" style="marker: url(#m)" stroke-opacity="0.5"/> |
+ </svg> |
+ <marker id="m2" refX="5" refY="5" viewBox="0 0 10 10" overflow="visible"> |
+ <circle id="t4" cx="5" cy="5" r="3" fill="currentColor" stroke="currentColor" fill-opacity="0.5"/> |
+ </marker> |
+ <svg id="poly2" viewBox="-10 -10 420 420"> |
+ <polygon points="50 50 50 350 350 350 250 200" fill="blue" stroke="lime" stroke-width="50" style="marker: url(#m2)" stroke-opacity="0.5"/> |
+ </svg> |
+ </defs> |
+ |
+ <g transform="translate(0,50)"> |
+ <use id="t1" xlink:href="#poly" width="50" height="50" x="0"/> |
+ <use id="t2" xlink:href="#poly" style="paint-order: markers stroke" width="50" height="50" x="50"/> |
+ |
+ <svg viewBox="-10 -10 420 420" width="50" height="50" x="100"> |
+ <polygon id="t3" points="50 50 50 350 350 350 250 200" fill="blue" stroke="lime" stroke-width="50" style="marker: url(#m)" stroke-opacity="0.5"/> |
+ </svg> |
+ |
+ <use xlink:href="#poly2" width="50" height="50" x="150"/> |
+ </g> |
+</svg> |