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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
marker-mid

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch