Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在two.js中解释extrenal svg文件_Javascript_Svg_Two.js - Fatal编程技术网

Javascript 如何在two.js中解释extrenal svg文件

Javascript 如何在two.js中解释extrenal svg文件,javascript,svg,two.js,Javascript,Svg,Two.js,有没有办法解释two.js中带有object标记的外部svg文件? 我试过下面的方法,但是 HTML 如果我可以导入一个外部的.svg文件,那就太好了,因为我的svg文件太大,无法作为内联svg写入HTML 提前感谢。您可能需要在contentDocument中选择svg标记。例如: var svgObject = document.getElementsByTagName('object')[0]; svgObject.onload = function(){ var mySvg

有没有办法解释two.js中带有object标记的外部svg文件? 我试过下面的方法,但是

HTML

如果我可以导入一个外部的.svg文件,那就太好了,因为我的svg文件太大,无法作为内联svg写入HTML


提前感谢。

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

谢谢,这帮助了我在网上搜索数小时后的解决方案!
var mySvg = document.getElementById("mysvg").contentDocument;
var shape = two.interpret(mySvg);
console.log(shape);

//in console:
Uncaught TypeError: Cannot call method 'toLowerCase' of undefined
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);
};