Как использовать селектор CSS на SVGjs

Question

Я пытаюсь несколько JavaScript библиотеки для работы с SVG

Сейчас я играю с svgjs.com

, но я не знаю, как использовать селектор CSS, как snapsvg

var result1 = Snap.select('#id_select'); 
var result2 = Snap.select('.class_selector'); 

Какое решение для svgjs?

я могу выбрать, но я детско нужно сделать петлю, чтобы сравнить свойства для каждого ребенка :(

что ярлык фот получить некоторый элемент внутренний документ SVG?

спасибо за внимание

Answer 1

Вы должны использовать метод Get() в соответствии с doc для идентификатора, или использовать JQuery, если нужен класс

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

Answer 2

с SVG.js v2 это possibl e для использования селекторов. Это то, что можно было бы ожидать, что это будет:

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