marker-end
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Das marker-end
Attribut definiert den Pfeilkopf oder Polymarker, der an der letzten Ecke der angegebenen Form gezeichnet wird.
Für alle Formelemente, außer <polyline>
und <path>
, ist die letzte Ecke identisch mit der ersten Ecke. In diesem Fall werden, wenn der Wert von marker-start
und marker-end
beide nicht none
sind, zwei Marker an dieser letzten Ecke dargestellt. Bei <path>
-Elementen ist für jeden geschlossenen Unterpfad die letzte Ecke identisch mit der ersten Ecke. marker-end
wird nur an der letzten Ecke der Pfaddaten gerendert.
Hinweis: Als Präsentationsattribut kann marker-end
als CSS-Eigenschaft verwendet werden. Siehe marker-end
für mehr.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
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="#f00" />
</marker>
</defs>
<polyline
fill="none"
stroke="black"
points="20,100 40,60 70,80 100,20"
marker-end="url(#triangle)" />
</svg>
Nutzungshinweise
Wert | none | <marker-ref> |
---|---|
Standardwert | none |
Animierbar | diskret |
none
-
Gibt an, dass kein Markersymbol an der letzten Ecke gezeichnet werden soll.
<marker-ref>
-
Dieser Wert ist ein Verweis auf ein
<marker>
Element, das an der letzten Ecke gezeichnet wird. Wenn der Verweis ungültig ist, wird kein Marker gezeichnet.
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # VertexMarkerProperties |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
<marker>
marker-start
marker-mid
- CSS
marker-end
Eigenschaft