Javascript 如何在two.js中解释extrenal svg文件
有没有办法解释two.js中带有object标记的外部svg文件? 我试过下面的方法,但是 HTML 如果我可以导入一个外部的.svg文件,那就太好了,因为我的svg文件太大,无法作为内联svg写入HTMLJavascript 如何在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
提前感谢。您可能需要在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);
};