SVGMarkerElement: markerUnits property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính chỉ đọc markerUnits của giao diện SVGMarkerElement trả về một đối tượng SVGAnimatedEnumeration. Đối tượng này trả về một số nguyên biểu thị các giá trị từ khóa mà thuộc tính markerUnits chấp nhận.
Giá trị
Một đối tượng SVGAnimatedEnumeration. Thuộc tính baseVal của đối tượng này chứa một trong các giá trị sau:
0-
SVG_MARKERUNITS_UNKNOWNnghĩa là thuộc tínhmarkerUnitscó giá trị khác với hai từ khóa được xác định trước. 1-
SVG_MARKERUNITS_USERSPACEONUSEnghĩa là thuộc tínhmarkerUnitscó giá trị từ khóauserSpaceOnUse. 2-
SVG_MARKERUNITS_STROKEWIDTHnghĩa là thuộc tínhmarkerUnitscó giá trị từ khóastrokeWidth.
Ví dụ
Thuộc tính markerUnits trả về một đối tượng SVGAnimatedEnumeration chứa giá trị của thuộc tính markerUnits.
<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"
markerUnits="strokeWidth">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
let marker = document.getElementById("arrow");
console.log(marker.markerUnits.baseVal); // 2
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__markerUnits |