Dasmarker-end Attribut definiert die Pfeilspitze oder den Punktmarker, der am letzten Scheitelpunkt der gegebenenForm gezeichnet wird.

Für alle Formelemente, außer<polyline> und<path>, ist der letzte Scheitelpunkt derselbe wie der erste Scheitelpunkt. In diesem Fall, wenn der Wert vonmarker-start undmarker-end beide nichtnone sind, dann werden zwei Marker auf diesem letzten Scheitelpunkt gerendert. Bei<path>-Elementen ist bei jedem geschlossenen Unterpfad der letzte Scheitelpunkt derselbe wie der erste.marker-end wird nur am letzten Scheitelpunkt derPfaddaten gerendert.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

• <circle>
• <ellipse>
• <line>
• <path>
• <polygon>
• <polyline>
• <rect>

Beispiel

html,body,svg {  height: 100%;}

<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">  <defs>    <marker           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-end="url(#triangle)" /></svg>

Verwendungshinweise

none

Gibt an, dass kein Markersymbol am letzten Scheitelpunkt gezeichnet wird.

<marker-ref>

Dieser Wert ist ein Verweis auf ein<marker>-Element, das am letzten Scheitelpunkt gezeichnet wird. Wenn der Verweis ungültig ist, wird kein Marker gezeichnet.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• <marker>
• marker-start
• marker-mid
• CSS-marker-end-Eigenschaft