marker-mid

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-mid-Attribut definiert den Pfeilkopf oder Polymarker, der an allen inneren Eckpunkten der angegebenen Form gezeichnet wird.

Der Marker wird auf jedem Eckpunkt außer dem ersten und letzten Eckpunkt der Path-Daten gerendert.

Hinweis: Als Präsentationsattribut hat marker-mid auch ein entsprechendes CSS-Property: marker-mid. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiel

html
<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <marker id="circle" markerWidth="8" markerHeight="8" refX="4" refY="4">
      <circle cx="4" cy="4" r="4" stroke="none" fill="#f00" />
    </marker>
  </defs>
  <polyline
    fill="none"
    stroke="black"
    points="20,100 40,60 70,80 100,20"
    marker-mid="url(#circle)" />
</svg>

Hinweise zur Verwendung

Wert none | <marker-ref>
Standardwert none
Animierbar diskret
none

Zeigt an, dass kein Markersymbol an den angegebenen Eckpunkten gezeichnet wird.

<marker-ref>

Dieser Wert ist eine Referenz auf ein <marker>-Element, das an den angegebenen Eckpunkten gezeichnet wird. Wenn die Referenz ungültig ist, wird kein Marker gezeichnet.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# MarkerMidProperty

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch