Стильные элементы SVG с бонсай JS

Я только начал использовать Bonsai JS и ничего не могу найти в документации, поэтому я решил спросить здесь. Как я могу установить атрибут класса элементов, чтобы я мог определить некоторые стили в CSS? Большинство стилей поддерживаются непосредственно в бонсай, но мне также нужно изменить тип курсора при наведении курсора на элемент.

1 ответ

Решение

BonsaiJS не позволяет вам установить атрибут "класс". Вместо этого вы добавляете слушателя, когда курсор перемещается над DisplayObject,

new Rect(150, 150, 150, 150).attr({
  fillColor: "red"
}).addTo(stage).on("mouseover mouseout", function(e) {
  this.attr({
    cursor: e.type == "mouseover" ? "pointer" : "inherit"
  });
});

Открыть на орбите: http://orbit.bonsaijs.org/#new%20Rect(150%2C%20150%2C%20150%2C%20150).attr(%7B%0A%20%20fillColor%3A%20%22red % 22% 0A% 7D).addTo (этап).on(%22mouseover%20mouseout%22%2C%20function(е)%20%7B%0A%20%20this.attr(%7B%0A%20%20%20%20cursor%3A%20e.type%20%3D%3D%20%22mouseover%22%20%3F%20%22pointer%22%20%3A%20%22inherit%22%0A%20%20%7D)%3B%0A%7D)%3B%0A%20

Другие вопросы по тегам