如何在two.js中解释额外的svg文件

Question

有没有办法在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文件太大了，无法用编写。

提前谢谢。

Answer 1

您可能需要在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);
};