[英]Acess and manipulate groups of an svg that is inside of an object tag
例如,我有这个我知道如何操作的代码:
<g id="box">
<path class="st4" d="M893,577H359c-6.6,0-12-5.4-12-12V323c0-6.6,5.4-12,12-12h534c6.6,0,12,5.4,12,12v242
C905,571.6,899.6,577,893,577z"/>
</g>
</svg>
<!--External calls-->
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</html>
我可以用这个 java 脚本 object 操作组“框”:
const svg = document.getElementById("box");
但如果我这样做怎么办:
<html>
<object data="my_svg.svg"></object>
<!--External calls-->
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</html>
我怎样才能在这个 object 标签中访问这个 svg 里面的盒子组?
只要 SVG 与您的页面同源,您就可以通过对象的contentDocument访问它。
<html>
<object data="my_svg.svg" id="box"></object>
</html>
document.getElementById("box").contentDocument.children[0] // should be the svg element
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.