1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/marker-orientation-01-ref.svg Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,68 @@
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 + xmlns:xlink="http://www.w3.org/1999/xlink">
1.10 + <title>Reference for test that marker orientation is correct at the end of arcs</title>
1.11 + <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 -->
1.12 +
1.13 + <defs>
1.14 + <g id="m1" transform="translate(-20,-20)" 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 + </g>
1.18 +
1.19 + <g id="m2" transform="translate(-20,-20)" 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 + </g>
1.23 + </defs>
1.24 +
1.25 + <g fill="none">
1.26 + <!-- arcs that go from the left of the circle to... -->
1.27 + <g>
1.28 + <!-- ...90 degrees anti-clockwise -->
1.29 + <use xlink:href="#m1" transform="translate(100,100)rotate(90)"/>
1.30 + <use xlink:href="#m2" transform="rotate(-90,150,100)translate(100,100)rotate(90)"/>
1.31 + <!-- ...180 degrees anti-clockwise -->
1.32 + <use xlink:href="#m2" transform="rotate(-180,150,100)translate(100,100)rotate(90)"/>
1.33 + <!-- ...270 degrees anti-clockwise -->
1.34 + <use xlink:href="#m2" transform="rotate(-270,150,100)translate(100,100)rotate(90)"/>
1.35 + </g>
1.36 +
1.37 + <!-- arcs that go from the left of the circle to... -->
1.38 + <g transform="translate(250,0)">
1.39 + <!-- ...90 degrees anti-clockwise -->
1.40 + <use xlink:href="#m1" transform="translate(100,100)rotate(-90)"/>
1.41 + <use xlink:href="#m2" transform="rotate(90,150,100)translate(100,100)rotate(-90)"/>
1.42 + <!-- ...180 degrees anti-clockwise -->
1.43 + <use xlink:href="#m2" transform="rotate(180,150,100)translate(100,100)rotate(-90)"/>
1.44 + <!-- ...270 degrees anti-clockwise -->
1.45 + <use xlink:href="#m2" transform="rotate(270,150,100)translate(100,100)rotate(-90)"/>
1.46 + </g>
1.47 +
1.48 + <!-- arcs that go from the right of the circle to... -->
1.49 + <g transform="translate(0,250)">
1.50 + <!-- ...90 degrees anti-clockwise -->
1.51 + <use xlink:href="#m1" transform="translate(200,100)rotate(90)"/>
1.52 + <use xlink:href="#m2" transform="rotate(90,150,100)translate(200,100)rotate(90)"/>
1.53 + <!-- ...180 degrees anti-clockwise -->
1.54 + <use xlink:href="#m2" transform="rotate(180,150,100)translate(200,100)rotate(90)"/>
1.55 + <!-- ...270 degrees anti-clockwise -->
1.56 + <use xlink:href="#m2" transform="rotate(270,150,100)translate(200,100)rotate(90)"/>
1.57 + </g>
1.58 +
1.59 + <!-- arcs that go from the right of the circle to... -->
1.60 + <g transform="translate(250,250)">
1.61 + <!-- ...90 degrees clockwise -->
1.62 + <use xlink:href="#m1" transform="translate(200,100)rotate(-90)"/>
1.63 + <use xlink:href="#m2" transform="rotate(-90,150,100)translate(200,100)rotate(-90)"/>
1.64 + <!-- ...180 degrees clockwise -->
1.65 + <use xlink:href="#m2" transform="rotate(-180,150,100)translate(200,100)rotate(-90)"/>
1.66 + <!-- ...270 degrees clockwise -->
1.67 + <use xlink:href="#m2" transform="rotate(-270,150,100)translate(200,100)rotate(-90)"/>
1.68 + </g>
1.69 + </g>
1.70 +
1.71 +</svg>
