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