marker-start
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2020.
Das marker-start Attribut definiert den Pfeilkopf oder Polymarker, der am ersten Scheitelpunkt der angegebenen Form gezeichnet wird.
Bei allen Formelementen, außer <polyline> und <path>, ist der letzte Scheitelpunkt derselbe wie der erste Scheitelpunkt. In diesem Fall werden, wenn der Wert von marker-start und marker-end beide nicht none sind, zwei Marker an diesem letzten Scheitelpunkt gerendert. Bei <path> Elementen gilt, dass für jeden geschlossenen Teilpfad der letzte Scheitelpunkt derselbe wie der erste Scheitelpunkt ist. marker-start wird nur am ersten Scheitelpunkt der Pfaddaten gerendert.
Hinweis: Als Präsentationsattribut hat marker-start auch ein entsprechendes CSS-Property: marker-start. Wenn beide angegeben sind, hat das CSS-Property Vorrang.
Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:
Beispiel
<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="triangle" viewBox="0 0 10 10" refX="1" refY="5" markerUnits="strokeWidth" markerWidth="10" markerHeight="10" orient="auto"> <path d="M 0 0 L 10 5 L 0 10 z" fill="red" /> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-start="url(#triangle)" /> </svg> Nutzungsnotizen
| Wert | none | <marker-ref> |
|---|---|
| Standardwert | none |
| Animierbar | diskret |
none-
Gibt an, dass kein Markersymbol am ersten Scheitelpunkt gezeichnet wird.
<marker-ref>-
Dieser Wert ist ein Verweis auf ein
<marker>Element, das am ersten Scheitelpunkt gezeichnet wird. Wenn der Verweis nicht gültig ist, wird kein Marker gezeichnet.
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # MarkerStartProperty |
Browser-Kompatibilität
Siehe auch
<marker>marker-endmarker-mid- CSS
marker-start-Eigenschaft