SVGMarkerElement: viewBox-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 schreibgeschützte viewBox
-Eigenschaft der SVGMarkerElement
-Schnittstelle gibt ein SVGAnimatedRect
-Objekt zurück, das die durch das viewBox
-Attribut am <marker>
festgelegten Werte enthält.
Wert
Ein SVGAnimatedRect
-Objekt. Die baseVal
-Eigenschaft dieses Objekts gibt ein SVGRect
-Objekt zurück, aus dem die x
- und y
-Koordinaten sowie die width
und height
des <marker>
-viewBox
-Attributs abgerufen werden können.
Beispiele
Dieses Beispiel zeigt, wie der für das viewBox
-Attribut von <marker>
festgelegte width
-Wert zurückgegeben wird.
<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"
viewBox="xMidYMid meet"
markerWidth="6"
markerHeight="6"
orient="auto-start-reverse">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
let marker = document.getElementById("arrow");
console.log(marker.viewBox.baseVal.width); //10
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGFitToViewBox__viewBox |
Browser-Kompatibilität
BCD tables only load in the browser