layout/reftests/svg/marker-effects-01-ref.svg

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

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>

mercurial