在 two.js 中有什么方法可以解释带有对象标签的外部 svg 文件? 我尝试了下面的方法但是..
HTML
<object type="image/svg+xml" data="./svg/mydrawing.svg" id="mysvg"></object>
JS
var mySvg = document.getElementById("mysvg").contentDocument;
var shape = two.interpret(mySvg);
console.log(shape);
//in console:
Uncaught TypeError: Cannot call method 'toLowerCase' of undefined
如果我可以导入一个外部 .svg 文件就好了,因为我的 svg 文件太大而无法用 HTML 写成内联 SVG。
提前致谢。
最佳答案
您可能需要在 contentDocument 中选择 svg 标签。例如:
var svgObject = document.getElementsByTagName('object')[0];
svgObject.onload = function(){
var mySvg = svgObject.contentDocument.getElementsByTagName('svg')[0];
var two = new Two();
var shape = two.interpret(mySvg);
console.log(shape);
};
关于javascript - 如何在 two.js 中解释外部 svg 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21720790/