Wed, 31 Dec 2014 06:55:50 +0100
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>Reference for clip-path, filter, mask and opacity applying to marker elements</title> |
michael@0 | 7 | <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=874507 --> |
michael@0 | 8 | <defs> |
michael@0 | 9 | <clipPath id="c"> |
michael@0 | 10 | <circle cx="50" cy="50" r="50"/> |
michael@0 | 11 | </clipPath> |
michael@0 | 12 | <filter id="f"> |
michael@0 | 13 | <feColorMatrix type="saturate" values="0"/> |
michael@0 | 14 | </filter> |
michael@0 | 15 | <mask id="m"> |
michael@0 | 16 | <circle cx="50" cy="50" r="50" fill="white"/> |
michael@0 | 17 | </mask> |
michael@0 | 18 | <marker id="m-clip-path" markerWidth="100" markerHeight="100" fill="green"> |
michael@0 | 19 | <g clip-path="url(#c)"> |
michael@0 | 20 | <rect width="100" height="100"/> |
michael@0 | 21 | </g> |
michael@0 | 22 | </marker> |
michael@0 | 23 | <marker id="m-filter" markerWidth="100" markerHeight="100" fill="green"> |
michael@0 | 24 | <g filter="url(#f)"> |
michael@0 | 25 | <rect width="100" height="100"/> |
michael@0 | 26 | </g> |
michael@0 | 27 | </marker> |
michael@0 | 28 | <marker id="m-mask" markerWidth="100" markerHeight="100" fill="green"> |
michael@0 | 29 | <g mask="url(#m)"> |
michael@0 | 30 | <rect width="100" height="100"/> |
michael@0 | 31 | </g> |
michael@0 | 32 | </marker> |
michael@0 | 33 | <marker id="m-opacity" markerWidth="100" markerHeight="100" fill="green"> |
michael@0 | 34 | <g opacity="0.5"> |
michael@0 | 35 | <rect width="100" height="100"/> |
michael@0 | 36 | </g> |
michael@0 | 37 | </marker> |
michael@0 | 38 | </defs> |
michael@0 | 39 | |
michael@0 | 40 | <line x1="10" y1="10" x2="11" y2="10" marker-start="url(#m-clip-path)"/> |
michael@0 | 41 | <line x1="120" y1="10" x2="121" y2="10" marker-start="url(#m-filter)"/> |
michael@0 | 42 | <line x1="230" y1="10" x2="231" y2="10" marker-start="url(#m-mask)"/> |
michael@0 | 43 | <line x1="340" y1="10" x2="341" y2="10" marker-start="url(#m-opacity)"/> |
michael@0 | 44 | </svg> |