layout/reftests/svg/marker-orientation-01.svg@7e26c7da4463 (annotated)
layout/reftests/svg/marker-orientation-01.svg
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
| michael@0 | 1 | <!-- |
| michael@0 | 2 | Any copyright is dedicated to the Public Domain. |
| michael@0 | 3 | http://creativecommons.org/publicdomain/zero/1.0/ |
| michael@0 | 4 | --> |
| michael@0 | 5 | <svg xmlns="http://www.w3.org/2000/svg"> |
| michael@0 | 6 | <title>Test that marker orientation is correct at the end of arcs</title> |
| michael@0 | 7 | <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=769115 --> |
| michael@0 | 8 | |
| michael@0 | 9 | <marker id="m1" markerWidth="40" markerHeight="40" refX="20" refY="20" |
| michael@0 | 10 | markerUnits="userSpaceOnUse" orient="auto" fill="blue"> |
| michael@0 | 11 | <rect x="5" y="15" width="22" height="10"/> |
| michael@0 | 12 | <path d="M 25,10 35,20 25,30 z"/> |
| michael@0 | 13 | </marker> |
| michael@0 | 14 | |
| michael@0 | 15 | <marker id="m2" markerWidth="40" markerHeight="40" refX="20" refY="20" |
| michael@0 | 16 | markerUnits="userSpaceOnUse" orient="auto" fill="red"> |
| michael@0 | 17 | <rect x="5" y="15" width="22" height="10"/> |
| michael@0 | 18 | <path d="M 25,10 35,20 25,30 z"/> |
| michael@0 | 19 | </marker> |
| michael@0 | 20 | |
| michael@0 | 21 | <g fill="none"> |
| michael@0 | 22 | <!-- arcs that go from the left of the circle to... --> |
| michael@0 | 23 | <g marker-end="url(#m2)"> |
| michael@0 | 24 | <!-- ...90 degrees anti-clockwise --> |
| michael@0 | 25 | <path d="M100,100 A 50,50 0 1 0 150,50" marker-start="url(#m1)"/> |
| michael@0 | 26 | <!-- ...180 degrees anti-clockwise --> |
| michael@0 | 27 | <path d="M100,100 A 50,50 0 0 0 200,100"/> |
| michael@0 | 28 | <!-- ...270 degrees anti-clockwise --> |
| michael@0 | 29 | <path d="M100,100 A 50,50 0 0 0 150,150"/> |
| michael@0 | 30 | </g> |
| michael@0 | 31 | |
| michael@0 | 32 | <!-- arcs that go from the left of the circle to... --> |
| michael@0 | 33 | <g marker-end="url(#m2)" transform="translate(250,0)"> |
| michael@0 | 34 | <!-- ...90 degrees clockwise --> |
| michael@0 | 35 | <path d="M100,100 A 50,50 0 0 1 150,50" marker-start="url(#m1)"/> |
| michael@0 | 36 | <!-- ...180 degrees clockwise --> |
| michael@0 | 37 | <path d="M100,100 A 50,50 0 1 1 200,100"/> |
| michael@0 | 38 | <!-- ...270 degrees clockwise --> |
| michael@0 | 39 | <path d="M100,100 A 50,50 0 1 1 150,150"/> |
| michael@0 | 40 | </g> |
| michael@0 | 41 | |
| michael@0 | 42 | <!-- arcs that go from the right of the circle to... --> |
| michael@0 | 43 | <g marker-end="url(#m2)" transform="translate(0,250)"> |
| michael@0 | 44 | <!-- ...90 degrees anti-clockwise --> |
| michael@0 | 45 | <path d="M200,100 A 50,50 0 0 1 150,150" marker-start="url(#m1)"/> |
| michael@0 | 46 | <!-- ...180 degrees anti-clockwise --> |
| michael@0 | 47 | <path d="M200,100 A 50,50 0 0 1 100,100"/> |
| michael@0 | 48 | <!-- ...270 degrees anti-clockwise --> |
| michael@0 | 49 | <path d="M200,100 A 50,50 0 1 1 150,50"/> |
| michael@0 | 50 | </g> |
| michael@0 | 51 | |
| michael@0 | 52 | <!-- arcs that go from the right of the circle to... --> |
| michael@0 | 53 | <g marker-end="url(#m2)" transform="translate(250,250)"> |
| michael@0 | 54 | <!-- ...90 degrees anti-clockwise --> |
| michael@0 | 55 | <path d="M200,100 A 50,50 0 0 0 150,50" marker-start="url(#m1)"/> |
| michael@0 | 56 | <!-- ...180 degrees anti-clockwise --> |
| michael@0 | 57 | <path d="M200,100 A 50,50 0 1 0 100,100"/> |
| michael@0 | 58 | <!-- ...270 degrees anti-clockwise --> |
| michael@0 | 59 | <path d="M200,100 A 50,50 0 1 0 150,150"/> |
| michael@0 | 60 | </g> |
| michael@0 | 61 | </g> |
| michael@0 | 62 | |
| michael@0 | 63 | </svg> |
