Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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 clip-path, filter, mask and opacity apply 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" clip-path="url(#c)"> |
michael@0 | 19 | <rect width="100" height="100"/> |
michael@0 | 20 | </marker> |
michael@0 | 21 | <marker id="m-filter" markerWidth="100" markerHeight="100" fill="green" filter="url(#f)"> |
michael@0 | 22 | <rect width="100" height="100"/> |
michael@0 | 23 | </marker> |
michael@0 | 24 | <marker id="m-mask" markerWidth="100" markerHeight="100" fill="green" mask="url(#m)"> |
michael@0 | 25 | <rect width="100" height="100"/> |
michael@0 | 26 | </marker> |
michael@0 | 27 | <marker id="m-opacity" markerWidth="100" markerHeight="100" fill="green" opacity="0.5"> |
michael@0 | 28 | <rect width="100" height="100"/> |
michael@0 | 29 | </marker> |
michael@0 | 30 | </defs> |
michael@0 | 31 | |
michael@0 | 32 | <line x1="10" y1="10" x2="11" y2="10" marker-start="url(#m-clip-path)"/> |
michael@0 | 33 | <line x1="120" y1="10" x2="121" y2="10" marker-start="url(#m-filter)"/> |
michael@0 | 34 | <line x1="230" y1="10" x2="231" y2="10" marker-start="url(#m-mask)"/> |
michael@0 | 35 | <line x1="340" y1="10" x2="341" y2="10" marker-start="url(#m-opacity)"/> |
michael@0 | 36 | </svg> |