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