layout/reftests/svg/marker-effects-01-ref.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>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>

mercurial