有没有办法可以将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我可以解决这个问题。任何帮助表示赞赏。