mozilla

Compare Revisions

clipPathUnits

Change Revisions

Revision 50827:

Revision 50827 by Jeremie on

Revision 50828:

Revision 50828 by Jeremie on

Title:
clipPathUnits
clipPathUnits
Slug:
SVG/Attribute/clipPathUnits
SVG/Attribute/clipPathUnits
Tags:
SVG, NeedsExample, "SVG Attribute", NeedsCompatTable
SVG, NeedsExample, "SVG Attribute", NeedsCompatTable
Content:

Revision 50827
Revision 50828
n13    <ul>n
14      <li>If <code>clipPathUnits="userSpaceOnUse"</code>, the con
>tents of the {{ SVGElement("clipPath") }} element represent value 
>s in the current user coordinate system in place at the time when 
> the {{ SVGElement("clipPath") }} element is referenced (i.e., th 
>e user coordinate system for the element referencing the {{ SVGEl 
>ement("clipPath") }} element via the {{ SVGAttr("clip-path") }} a 
>ttribute). 
15      </li>
16      <li>If <code>clipPathUnits="objectBoundingBox"</code>, then
> the user coordinate system for the contents of the {{ SVGElement 
>("clipPath") }} element is established using the bounding box of  
>the element to which the clipping path is applied 
17      </li>
18    </ul>
n22    <h2>n16    <p>
17      Note that values defined as a percentage inside the content
 > of the {{ SVGElement("clipPath") }} are not affected by this att
 >ribute. It means that even if you set the value of <code>maskCont
 >entUnits</code> to <code>objectBoundingBox</code>, percentage val
 >ues will be calculated as if the value of the attribute were <cod
 >e>userSpaceOnUse</code>.
18    </p>
19    <h2 id="Usage_context">
n61    <h2>n58    <dl>
59      <dt>
60        userSpaceOnUse
61      </dt>
62      <dd>
63        The contents of the {{ SVGElement("clipPath") }} element 
 >represent values in the current user coordinate system in place a
 >t the time when the {{ SVGElement("clipPath") }} element is refer
 >enced (i.e., the user coordinate system for the element referenci
 >ng the {{ SVGElement("clipPath") }} element via the {{ SVGAttr("c
 >lip-path") }} attribute).
64      </dd>
65      <dt>
66        objectBoundingBox
67      </dt>
68      <dd>
69        The user coordinate system for the contents of the {{ SVG
 >Element("clipPath") }} element is established using the bounding 
 >box of the element to which the clipping path is applied
70      </dd>
71    </dl>
72    <h2 id="Example">
t64    <h2>t75    <h2 id="Elements">

Back to History