如何在SVGjs上使用css选择器

时间:2014-12-23 18:04:49

标签: javascript svg svg.js

我尝试使用多个javascript库来使用svg

现在我玩svgjs.com

但我不知道如何使用像snapsvg

这样的css选择器
var result1 = Snap.select('#id_select');
var result2 = Snap.select('.class_selector');

svgjs的解决方案是什么?

我可以选择儿童,但我需要制作一个循环来比较每个孩子的属性:(

获取一些内部svg文件的快捷方式是什么?

感谢您的关注

2 个答案:

答案 0 :(得分:1)

您可以使用doc的get()方法作为id,或者如果需要类,则使用jquery

var element = SVG.get('my_element')
element.fill('#f06')

答案 1 :(得分:0)

从SVG.js v2可以使用选择器。这就是你所期望的:

var elements = SVG.select('rect.my-class').fill('#f06')

您还可以在父元素中搜索:

var elements = group.select('rect.my-class').fill('#f06')

但正如@Ian所说,jQuery或Zepto也是选项。这些都在文档中描述:

https://svgdotjs.github.io/referencing/#using-css-selectors