SVGMarkerElement: markerWidth-Eigenschaft
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.
Die markerWidth
schreibgeschützte Eigenschaft der SVGMarkerElement
-Schnittstelle gibt ein SVGAnimatedLength
-Objekt zurück, das die Breite des <marker>
-Viewports enthält, wie durch das markerWidth
-Attribut definiert.
Wert
Ein SVGAnimatedLength
-Objekt. Die baseVal
-Eigenschaft dieses Objekts gibt ein SVGLength
zurück, dessen Wert die Breite
zurückgibt.
Beispiele
Die markerWidth
-Eigenschaft gibt ein SVGAnimatedLength
zurück, das ein SVGLength
mit dem Wert des markerWidth
-Attributs enthält.
html
<svg id="svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker
id="arrow"
viewBox="0 0 10 10"
refX="5"
refY="5"
markerWidth="6"
markerHeight="6"
orient="auto-start-reverse">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
js
let marker = document.getElementById("arrow");
console.log(marker.markerWidth.baseVal.value); // 6
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__markerWidth |
Browser-Kompatibilität
BCD tables only load in the browser