如何通过Javascript访问SVG路径?

时间:2016-11-14 19:55:48

标签: javascript arrays variables dom svg

问题:我在上传到服务器时遇到以下错误:" svgDoc为null" - 我该如何防止这种情况?

Codepen:http://codepen.io/dada78/pen/65eeb7eeeefb6ed12a39c6012fd58196

说明 我有一个SVG(number.svg),我按如下方式插入DOM:

<object id="number-svg" type="image/svg+xml" data="number.svg"></object>

然后我按照以下步骤操作:http://www.petercollingridge.co.uk/data-visualisation/using-javascript-control-svg

目标是将所有路径存储在我的SVG中,然后将它们放入一个数组中,以便稍后使用for循环为数组项设置动画。

注意: 我将测试文件上传到服务器,它似乎适用于Firefox,Safari 但不适用于Chrome 。在Firefox中,我确实得到错误&#34; svgDoc为null&#34;刷新后,它会再次工作,与刷新时的错误消息交替。

是否建议使用内联SVG来使用Javascript操纵SVG innerts以便始终如一地工作?

谢谢!

0 个答案:

没有答案