📌  相关文章
📜  SVG Document.image 属性(1)

📅  最后修改于: 2023-12-03 15:20:23.351000             🧑  作者: Mango

SVG Document.image 属性

SVG Document.image 属性返回当前文档的图片对象的 URL，可以用于在 HTML 中引用此 SVG 图片。这个属性只读。

语法：
let url = document.image.baseVal;
解释：
  • document.image 获取当前文档的图片对象。
  • baseVal 是一个 SVGAnimatedString 对象，返回图片对象的 URL。
示例：
<!DOCTYPE html>
<html>
<head>
  <title>SVG Document.image 属性</title>
</head>
<body>
  <svg width="200" height="200" id="svg1">
    <circle cx="100" cy="100" r="80" fill="red" />
  </svg>

  <script>
    const svg = document.getElementById("svg1");
    const url = svg.image.baseVal;

    console.log(url); // 输出当前文档的图片对象 URL
  </script>
</body>
</html>
注意：
  • 将 document.image.baseVal 返回的 URL 用作图片源可能需要 CORS 策略允许。