OLD | NEW |
---|---|
(Empty) | |
1 <!-- | |
2 Any copyright is dedicated to the Public Domain. | |
3 http://creativecommons.org/publicdomain/zero/1.0/ | |
4 --> | |
5 <svg xmlns="http://www.w3.org/2000/svg" | |
6 xmlns:xlink="http://www.w3.org/1999/xlink"> | |
7 <title>Reference for test that marker orientation is correct at the end of | |
8 arcs when orient="auto-start-reverse-start-reverse" is used</title> | |
fs
2014/09/08 15:31:41
Nit: Again
Erik Dahlström (inactive)
2014/09/09 09:25:07
Done.
| |
9 <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 --> | |
10 | |
11 <defs> | |
12 <g id="m1" transform="translate(-20,-20)" fill="blue"> | |
13 <rect x="5" y="15" width="22" height="10"/> | |
14 <path d="M 25,10 35,20 25,30 z"/> | |
15 </g> | |
16 | |
17 <g id="m2" transform="translate(-20,-20)" fill="red"> | |
18 <rect x="5" y="15" width="22" height="10"/> | |
19 <path d="M 25,10 35,20 25,30 z"/> | |
20 </g> | |
21 </defs> | |
22 | |
23 <g fill="none"> | |
24 <!-- arcs that go from the left of the circle to... --> | |
25 <g> | |
26 <!-- ...90 degrees anti-clockwise --> | |
27 <use xlink:href="#m1" transform="translate(100,100)rotate(270)"/> | |
28 <use xlink:href="#m2" transform="rotate(-90,150,100)translate(100,100)rota te(90)"/> | |
29 <!-- ...180 degrees anti-clockwise --> | |
30 <use xlink:href="#m2" transform="rotate(-180,150,100)translate(100,100)rot ate(90)"/> | |
31 <!-- ...270 degrees anti-clockwise --> | |
32 <use xlink:href="#m2" transform="rotate(-270,150,100)translate(100,100)rot ate(90)"/> | |
33 </g> | |
34 | |
35 <!-- arcs that go from the left of the circle to... --> | |
36 <g transform="translate(250,0)"> | |
37 <!-- ...90 degrees anti-clockwise --> | |
38 <use xlink:href="#m1" transform="translate(100,100)rotate(90)"/> | |
39 <use xlink:href="#m2" transform="rotate(90,150,100)translate(100,100)rotat e(-90)"/> | |
40 <!-- ...180 degrees anti-clockwise --> | |
41 <use xlink:href="#m2" transform="rotate(180,150,100)translate(100,100)rota te(-90)"/> | |
42 <!-- ...270 degrees anti-clockwise --> | |
43 <use xlink:href="#m2" transform="rotate(270,150,100)translate(100,100)rota te(-90)"/> | |
44 </g> | |
45 | |
46 <!-- arcs that go from the right of the circle to... --> | |
47 <g transform="translate(0,250)"> | |
48 <!-- ...90 degrees anti-clockwise --> | |
49 <use xlink:href="#m1" transform="translate(200,100)rotate(270)"/> | |
50 <use xlink:href="#m2" transform="rotate(90,150,100)translate(200,100)rotat e(90)"/> | |
51 <!-- ...180 degrees anti-clockwise --> | |
52 <use xlink:href="#m2" transform="rotate(180,150,100)translate(200,100)rota te(90)"/> | |
53 <!-- ...270 degrees anti-clockwise --> | |
54 <use xlink:href="#m2" transform="rotate(270,150,100)translate(200,100)rota te(90)"/> | |
55 </g> | |
56 | |
57 <!-- arcs that go from the right of the circle to... --> | |
58 <g transform="translate(250,250)"> | |
59 <!-- ...90 degrees clockwise --> | |
60 <use xlink:href="#m1" transform="translate(200,100)rotate(90)"/> | |
61 <use xlink:href="#m2" transform="rotate(-90,150,100)translate(200,100)rota te(-90)"/> | |
62 <!-- ...180 degrees clockwise --> | |
63 <use xlink:href="#m2" transform="rotate(-180,150,100)translate(200,100)rot ate(-90)"/> | |
64 <!-- ...270 degrees clockwise --> | |
65 <use xlink:href="#m2" transform="rotate(-270,150,100)translate(200,100)rot ate(-90)"/> | |
66 </g> | |
67 </g> | |
68 | |
69 </svg> | |
OLD | NEW |