SVGElement: thuộc tính viewportElement

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 viewportElement của giao diện SVGElement đại diện cho SVGElement đã thiết lập khung nhìn hiện tại. Thường là phần tử <svg> tổ tiên gần nhất. null nếu phần tử đã cho là phần tử <svg> ngoài cùng.

Giá trị

Một SVGElement.

Ví dụ

Lấy `viewportElement`

html

<svg id="outerSvg" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <svg id="innerSvg" x="10" y="10" width="100" height="100">
    <circle id="circle" cx="50" cy="50" r="40" fill="blue"></circle>
  </svg>
</svg>

const circle = document.getElementById("circle");
const innerSvg = document.getElementById("innerSvg");
const outerSvg = document.getElementById("outerSvg");

console.log(circle.viewportElement); // Output: <svg id="innerSvg">...</svg>
console.log(innerSvg.viewportElement); // Output: <svg id="outerSvg">...</svg>
console.log(outerSvg.viewportElement); // Output: null