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
<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
<marker>
marker-start
marker-end
- CSS
marker-mid
Eigenschaft