如何将jQuery或Javascript对象/集合传递给Snap.svg

时间:2014-10-15 15:56:14

标签: javascript jquery svg snap.svg

有没有办法可以将Snap.svg传递给jQuery对象(比如所有<line>元素的集合)和&#34;转换&#34;它使Snap.svg可以使用它(例如动画它)?

示例:

//this is jQuery code (or Javascript querySelectorAll if you like)
var lines = $('line');

/* there is some step missing here that converts 
the lines variable to a usable Snap object */

//this is Snap.svg code
lines.forEach(function(e) {
    e.animate({ 'x1': 80, 'y1': 120 }, 3000);
});

我无法使用Snap.svg原生selectAll()功能的原因是我使用自定义SVG命名空间将其他属性数据保存到<line>元素。我宁愿使用类似于svg.selectAll('customns:var1="3"')的一些Snap.svg代码,但这不起作用,因为querySelectorAll不支持自定义命名空间,并且使用jQuery或普通Javascript我可以解决这个问题。任何帮助表示赞赏。

0 个答案:

没有答案