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 Scheitelpunkten der angegebenen Form gezeichnet wird.

Der Marker wird an jedem Scheitelpunkt gerendert, mit Ausnahme der ersten und letzten Scheitelpunkte der Pfaddaten.

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

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

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>

Gebrauchshinweise

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

Gibt an, dass kein Markersymbol an den angegebenen Scheitelpunkten gezeichnet wird.

<marker-ref>

Dieser Wert ist ein Verweis auf ein <marker> Element, das an den angegebenen Scheitelpunkten gezeichnet wird. Wenn der Verweis nicht gültig ist, wird kein Marker gezeichnet.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# MarkerMidProperty

Browser-Kompatibilität

Siehe auch