mozilla

Compare Revisions

Applying SVG effects to HTML content

Change Revisions

Revision 46535:

Revision 46535 by jonathancross on

Revision 46536:

Revision 46536 by jonathancross on

Title:
Applying SVG effects to HTML content
Applying SVG effects to HTML content
Slug:
Applying_SVG_effects_to_HTML_content
Applying_SVG_effects_to_HTML_content
Tags:
css, HTML, SVG, XHTML, "Firefox 3.5"
css, HTML, SVG, XHTML, "Firefox 3.5"
Content:

Revision 46535
Revision 46536
n19    <h2>n19    <h2 id="Using_embedded_SVG">
n37    <h3>n37    <h3 id="Example:&nbsp;Masking">
n47  &lt;style&gt;.target { mask: url(#m1); }&lt;/style&gt;n47&lt;style&gt;.target { mask: url(#m1); }&lt;/style&gt;
n74    <h3>n74    <h3 id="Example:&nbsp;Clipping">
n81  &lt;style&gt;.target { clip-path: url(#c1); }&lt;/style&gt;n81&lt;style&gt;.target { clip-path: url(#c1); }&lt;/style&gt;
82  &lt;svg:svg height="0"&gt;82&lt;svg:svg height="0"&gt;
83    &lt;svg:clipPath id="c1" clipPathUnits="objectBoundingBox"&gt83  &lt;svg:clipPath id="c1" clipPathUnits="objectBoundingBox"&gt;
>; 
84      &lt;svg:circle cx="0.25" cy="0.25" r="0.25" id="circle"/&gt84    &lt;svg:circle cx="0.25" cy="0.25" r="0.25" id="circle"/&gt;
>; 
85      &lt;svg:rect x="0.5" y="0.2" width="0.5" height="0.8"/&gt;85    &lt;svg:rect x="0.5" y="0.2" width="0.5" height="0.8"/&gt;
86    &lt;/svg:clipPath&gt;86  &lt;/svg:clipPath&gt;
87  &lt;/svg:svg&gt;87&lt;/svg:svg&gt;
n102    <h3>n102    <h3 id="Example:&nbsp;Filtering">
n120    &lt;svg:filter id="f2"&gt;n120&lt;svg:filter id="f2"&gt;
121      &lt;svg:feColorMatrix values="0.3333 0.3333 0.3333 0 0121  &lt;svg:feColorMatrix values="0.3333 0.3333 0.3333 0 0
122                                 0.3333 0.3333 0.3333 0 0122                             0.3333 0.3333 0.3333 0 0
123                                 0.3333 0.3333 0.3333 0 0123                             0.3333 0.3333 0.3333 0 0
124                                 0      0      0      1 0"/&gt;124                             0      0      0      1 0"/&gt;
125 
126    &lt;/svg:filter&gt;125&lt;/svg:filter&gt;
n135  &lt;style&gt;n134&lt;style&gt;
n142  &lt;/style&gt;n141&lt;/style&gt;
n147    <h2>n146    <h2 id="Using_external_references">
t162    <h2>t161    <h2 id="See_also">

Back to History