1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/marker-orientation-02.svg Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,64 @@
1.4 +<!--
1.5 + Any copyright is dedicated to the Public Domain.
1.6 + http://creativecommons.org/publicdomain/zero/1.0/
1.7 +-->
1.8 +<svg xmlns="http://www.w3.org/2000/svg">
1.9 + <title>Test that marker orientation is correct at the end of arcs when
1.10 + orient="auto-start-reverse" is used</title>
1.11 + <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 -->
1.12 +
1.13 + <marker id="m1" markerWidth="40" markerHeight="40" refX="20" refY="20"
1.14 + markerUnits="userSpaceOnUse" orient="auto-start-reverse" fill="blue">
1.15 + <rect x="5" y="15" width="22" height="10"/>
1.16 + <path d="M 25,10 35,20 25,30 z"/>
1.17 + </marker>
1.18 +
1.19 + <marker id="m2" markerWidth="40" markerHeight="40" refX="20" refY="20"
1.20 + markerUnits="userSpaceOnUse" orient="auto-start-reverse" fill="red">
1.21 + <rect x="5" y="15" width="22" height="10"/>
1.22 + <path d="M 25,10 35,20 25,30 z"/>
1.23 + </marker>
1.24 +
1.25 + <g fill="none">
1.26 + <!-- arcs that go from the left of the circle to... -->
1.27 + <g marker-end="url(#m2)">
1.28 + <!-- ...90 degrees anti-clockwise -->
1.29 + <path d="M100,100 A 50,50 0 1 0 150,50" marker-start="url(#m1)"/>
1.30 + <!-- ...180 degrees anti-clockwise -->
1.31 + <path d="M100,100 A 50,50 0 0 0 200,100"/>
1.32 + <!-- ...270 degrees anti-clockwise -->
1.33 + <path d="M100,100 A 50,50 0 0 0 150,150"/>
1.34 + </g>
1.35 +
1.36 + <!-- arcs that go from the left of the circle to... -->
1.37 + <g marker-end="url(#m2)" transform="translate(250,0)">
1.38 + <!-- ...90 degrees clockwise -->
1.39 + <path d="M100,100 A 50,50 0 0 1 150,50" marker-start="url(#m1)"/>
1.40 + <!-- ...180 degrees clockwise -->
1.41 + <path d="M100,100 A 50,50 0 1 1 200,100"/>
1.42 + <!-- ...270 degrees clockwise -->
1.43 + <path d="M100,100 A 50,50 0 1 1 150,150"/>
1.44 + </g>
1.45 +
1.46 + <!-- arcs that go from the right of the circle to... -->
1.47 + <g marker-end="url(#m2)" transform="translate(0,250)">
1.48 + <!-- ...90 degrees anti-clockwise -->
1.49 + <path d="M200,100 A 50,50 0 0 1 150,150" marker-start="url(#m1)"/>
1.50 + <!-- ...180 degrees anti-clockwise -->
1.51 + <path d="M200,100 A 50,50 0 0 1 100,100"/>
1.52 + <!-- ...270 degrees anti-clockwise -->
1.53 + <path d="M200,100 A 50,50 0 1 1 150,50"/>
1.54 + </g>
1.55 +
1.56 + <!-- arcs that go from the right of the circle to... -->
1.57 + <g marker-end="url(#m2)" transform="translate(250,250)">
1.58 + <!-- ...90 degrees anti-clockwise -->
1.59 + <path d="M200,100 A 50,50 0 0 0 150,50" marker-start="url(#m1)"/>
1.60 + <!-- ...180 degrees anti-clockwise -->
1.61 + <path d="M200,100 A 50,50 0 1 0 100,100"/>
1.62 + <!-- ...270 degrees anti-clockwise -->
1.63 + <path d="M200,100 A 50,50 0 1 0 150,150"/>
1.64 + </g>
1.65 + </g>
1.66 +
1.67 +</svg>
