clip
Deprecated
Avoid using this feature in new projects. SVG 2 omittted some parts of SVG 1.1 to "improv[e] the usability and precision of the language." This feature may be a candidate for removal from web standards or browsers.
Consider using the following features instead: SVG oder @font-face.
Das clip Attribut definiert den sichtbaren Bereich eines Elements. Sie sollten stattdessen clip-path verwenden.
Hinweis:
Als Präsentationsattribut hat clip auch ein entsprechendes CSS-Eigenschafts-Gegenstück: clip. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Dieses Attribut hat dieselben Parameterwerte wie für die CSS clip Eigenschaft definiert. Einheitlose Werte, die aktuelle Benutzerkoordinaten angeben, sind für die Koordinatenwerte in der rect()-Funktion zulässig. Der Wert auto definiert einen Clipping-Pfad entlang der Begrenzungen des vom gegebenen Element erzeugten Viewports.
Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:
Beispiel
<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<!-- Auto clipping -->
<svg x="0" width="10" height="10" clip="auto">
<circle cx="5" cy="5" r="4" stroke="green" />
</svg>
<!-- Rect(top, right, bottom, left) clipping -->
<svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)">
<circle cx="5" cy="5" r="4" stroke="green" />
</svg>
</svg>
Verwendungsnotizen
| Wert | auto | rect() |
|---|---|
| Standardwert | auto |
| Animierbar | Ja |
Der Wert auto definiert einen Clipping-Pfad entlang der Begrenzungen des vom gegebenen Element erzeugten Viewports. Der Wert rect() definiert ein Clipping-Rechteck nach folgendem Syntax: rect(<top>, <right>, <bottom>, <left>). Die Werte <top> und <bottom> geben Offsets von der oberen Begrenzungskante des Element-Viewports an, während <right> und <left> Offsets von der linken Begrenzungskante des Element-Viewports angeben.
Spezifikationen
| Spezifikation |
|---|
| CSS Masking Module Level 1 # clip-property |