ZVON > References > Zvon Example Repository
Example repository: index | categories | search

All > SVG > Filters > filters-fldMrgOff-BE-15


File: filters-fldMrgOff-BE-15
Author: Peter Graffagnino
Origin: W3C SVG conformance suite

Rendered imageSVG source
ElementsAttributes
axlink:href |
defs
descid |
feCompositein2 | operator | result |
feFloodresult | style |
feMerge
feMergeNodein |
feOffsetdx | dy | in | result |
filterfilterUnits | height | id | width | x | y |
gid | style |
linex1 | x2 | y1 | y2 |
pathd | style |
rectheight | id | style | width | x | y |
svgheight | id | width |
textstyle | x | y |
titleid |

Source

<svg id="svg-root" width="450" height="450" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" >
     <title id="test-title">filters-fldMrgOff-BE-15</title>
     <desc id="test-desc">Test which verifies the basic facilities of feFlood, feMerge, and feOffset.</desc>
     <g id="test-body-content">
          <defs>
               <filter id="FOMTest" filterUnits="objectBoundingBox" x="0" y="0" width="1.5" height="4">
                    <feOffset result="Off1" dx="15" dy="20"/>
                    <feFlood result="F1" style="flood-color:#408000;flood-opacity:.8;"/>
                    <feComposite in2="Off1" operator="in" result="C1"/>
                    <feOffset in="SourceGraphic" result="Off2" dx="30" dy="40"/>
                    <feFlood result="F2" style="flood-color:#408000;flood-opacity:.6;"/>
                    <feComposite in2="Off2" operator="in" result="C2"/>
                    <feOffset in="SourceGraphic" result="Off3" dx="45" dy="60"/>
                    <feFlood result="F3" style="flood-color:#408000;flood-opacity:.4;"/>
                    <feComposite in2="Off3" operator="in" result="C3"/>
                    <feMerge>
                         <feMergeNode in="C3"/>
                         <feMergeNode in="C2"/>
                         <feMergeNode in="C1"/>
                         <feMergeNode in="SourceGraphic"/>
                    </feMerge>
               </filter>
          </defs>
          <g style="font-size:36;font-family:Helvetica;font-weight:Bold;">
               <text x="30" y="100" style="fill:black;filter:url(#FOMTest);">Offset, Merge, Flood.</text>
          </g>
          <g style="fill:none;stroke:black;stroke-width:2;">
               <line x1="20" y1="100" x2="40" y2="100"/>
               <line x1="30" y1="90" x2="30" y2="110"/>
          </g>
          <g style="fill:none;stroke:#408000;stroke-opacity:.8;stroke-width:2;">
               <line x1="35" y1="120" x2="55" y2="120"/>
               <line x1="45" y1="110" x2="45" y2="130"/>
          </g>
          <g style="fill:none;stroke:#408000;stroke-opacity:.6;stroke-width:2;">
               <line x1="50" y1="140" x2="70" y2="140"/>
               <line x1="60" y1="130" x2="60" y2="150"/>
          </g>
          <g style="fill:none;stroke:#408000;stroke-opacity:.4;stroke-width:2;">
               <line x1="65" y1="160" x2="85" y2="160"/>
               <line x1="75" y1="150" x2="75" y2="170"/>
          </g>
     </g>
     <g id="test-legend" style="fill:black;font-family:Helvetica;font-size:10;">
          <rect x="10" y="390" width="275" height="50" style="fill:none;stroke:#000000;"/>
          <path style="fill:none;stroke:#000000;" d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
          <text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
          <a xlink:href="copyright-documents-19990405.html">
               <text x="12" y="437" style="fill:blue;">Copyright 2000 W3C. All Rights Reserved.</text>
          </a>
          <text style="font-size:12;" x="35" y="420">filters-fldMrgOff-BE-15</text>
          <text style="font-size:10;" x="210" y="417">$Revision: 1.1 $</text>
          <text style="font-size:10;" x="210" y="435">Release 2.0</text>
          <rect id="test-frame" x="1" y="1" width="448" height="448" style="fill:none;stroke:#000000;"/>
     </g>
</svg>



Sponsored links: Web Design Chicago, VoIP Internettelefonie, DSL, SDSL, ADSL