layout/reftests/svg/clipPath-advanced-01.svg@deefc01c0e14 (annotated)
layout/reftests/svg/clipPath-advanced-01.svg
Thu, 15 Jan 2015 21:03:48 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:03:48 +0100
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
- permissions
- -rw-r--r--
Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)
| michael@0 | 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> |
| michael@0 | 2 | |
| michael@0 | 3 | <title>Testcase for clipPath referencing other clipPaths</title> |
| michael@0 | 4 | |
| michael@0 | 5 | <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=534612 --> |
| michael@0 | 6 | |
| michael@0 | 7 | <defs> |
| michael@0 | 8 | <clipPath id="clip1"> |
| michael@0 | 9 | <rect id="r1" x="20" y="-40" width="100" height="40" /> |
| michael@0 | 10 | </clipPath> |
| michael@0 | 11 | <clipPath id="clip2"> |
| michael@0 | 12 | <rect x="20" y="20" width="100" height="100" clip-path="url(#clip1)" /> |
| michael@0 | 13 | </clipPath> |
| michael@0 | 14 | <clipPath id="clip3"> |
| michael@0 | 15 | <rect x="140" y="-40" width="100" height="40" /> |
| michael@0 | 16 | </clipPath> |
| michael@0 | 17 | <clipPath id="clip4" clip-path="url(#clip3)"> |
| michael@0 | 18 | <rect x="140" y="20" width="100" height="100" /> |
| michael@0 | 19 | </clipPath> |
| michael@0 | 20 | <clipPath id="clip1"> |
| michael@0 | 21 | <rect x="20" y="-40" width="100" height="40" /> |
| michael@0 | 22 | </clipPath> |
| michael@0 | 23 | <clipPath id="clip5"> |
| michael@0 | 24 | <rect id="r5" x="20" y="140" width="100" height="100" /> |
| michael@0 | 25 | </clipPath> |
| michael@0 | 26 | <clipPath id="clip6"> |
| michael@0 | 27 | <use xlink:href="#r5" clip-path="url(#clip5)" /> |
| michael@0 | 28 | </clipPath> |
| michael@0 | 29 | <clipPath id="clip7"> |
| michael@0 | 30 | <rect id="r7" x="140" y="140" width="100" height="100" /> |
| michael@0 | 31 | </clipPath> |
| michael@0 | 32 | <clipPath id="clip8"> |
| michael@0 | 33 | <use xlink:href="#r7" fill="red" clip-path="url(#clip1)"/> |
| michael@0 | 34 | </clipPath> |
| michael@0 | 35 | <clipPath id="clip9"> |
| michael@0 | 36 | <rect x="20" y="260" width="100" height="100" /> |
| michael@0 | 37 | </clipPath> |
| michael@0 | 38 | <clipPath id="clip10"> |
| michael@0 | 39 | <use xlink:href="#r1" fill="red" clip-path="url(#clip9)"/> |
| michael@0 | 40 | </clipPath> |
| michael@0 | 41 | <clipPath id="clip11"> |
| michael@0 | 42 | <rect id="r11" x="140" y="260" width="100" height="100" clip-path="url(#clip1)"/> |
| michael@0 | 43 | </clipPath> |
| michael@0 | 44 | <clipPath id="clip12"> |
| michael@0 | 45 | <use xlink:href="#r11" fill="red" clip-path="url(#clip11)"/> |
| michael@0 | 46 | </clipPath> |
| michael@0 | 47 | <clipPath id="clip12" clipPathUnits="objectBoundingBox"> |
| michael@0 | 48 | <rect width=".5" height=".5"/> |
| michael@0 | 49 | </clipPath> |
| michael@0 | 50 | <clipPath id="clip13" clip-path="url(#clip12)"> |
| michael@0 | 51 | <circle cx="100" cy="470" r="150"/> |
| michael@0 | 52 | </clipPath> |
| michael@0 | 53 | <clipPath id="clip14"> |
| michael@0 | 54 | <use xlink:href="#clip1"/> |
| michael@0 | 55 | </clipPath> |
| michael@0 | 56 | <clipPath id="clip15" clip-path="url(#clip14)"> |
| michael@0 | 57 | <text x="140" y="500" font-size="100px">CLIP</text> |
| michael@0 | 58 | </clipPath> |
| michael@0 | 59 | </defs> |
| michael@0 | 60 | |
| michael@0 | 61 | <rect width="100%" height="100%" fill="lime" /> |
| michael@0 | 62 | <!-- clip path where an object is itself clipped --> |
| michael@0 | 63 | <rect x="20" y="20" width="100" height="100" fill="red" clip-path="url(#clip2)" /> |
| michael@0 | 64 | |
| michael@0 | 65 | <!-- clip path referencing another clip-path --> |
| michael@0 | 66 | <rect x="140" y="20" width="100" height="100" fill="red" clip-path="url(#clip4)" /> |
| michael@0 | 67 | |
| michael@0 | 68 | <!-- clip paths where object has complex clipping --> |
| michael@0 | 69 | <rect x="20" y="140" width="100" height="100" fill="red" /> |
| michael@0 | 70 | <rect x="20" y="140" width="100" height="100" fill="lime" clip-path="url(#clip6)" /> |
| michael@0 | 71 | |
| michael@0 | 72 | <rect x="140" y="140" width="100" height="100" fill="red" clip-path="url(#clip8)" /> |
| michael@0 | 73 | |
| michael@0 | 74 | <rect x="20" y="260" width="100" height="100" fill="red" clip-path="url(#clip10)" /> |
| michael@0 | 75 | |
| michael@0 | 76 | <rect x="140" y="260" width="100" height="100" fill="red" clip-path="url(#clip12)" /> |
| michael@0 | 77 | |
| michael@0 | 78 | <!-- clip paths with different clipPathUnits --> |
| michael@0 | 79 | <rect x="20" y="400" height="300" width="300" fill="red" clip-path="url(#clip13)" /> |
| michael@0 | 80 | <rect x="20" y="400" width="100" height="100" fill="lime" /> |
| michael@0 | 81 | |
| michael@0 | 82 | <!-- text clipping --> |
| michael@0 | 83 | <rect x="140" y="400" height="300" width="300" fill="red" clip-path="url(#clip15)" /> |
| michael@0 | 84 | </svg> |
