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