2010-05-04 3 views

ответ

11
+0

Хотя Kinetic позволит вам (по-видимому) прикреплять обработчики событий к элементам холста, он предназначен для анимации и, как результат, будет постоянно перерисовывать страницу. Если у вас есть сложный (много объектов) холст, эти перерисовки могут замедлить ваш холст вплоть до непригодности. – mikemaccana

+6

Начиная с версии 3, KineticJS теперь интеллектуально рисует только перемещенные объекты. Кроме того, он намного быстрее, чем предыдущие версии. Вот пример стресс-теста всплывающей подсказки с использованием 10 000 фигур: http://www.html5canvastutorials.com/labs/html5-canvas-10000-shape-stress-test-with-kineticjs/ –

2

Посмотрите на Cake. Это плагин графа сцены для элементов холста. Вы должны иметь возможность присоединить обработчики событий к объектам холста.

4

Вы также можете взглянуть на KineticJS - он был разработан, чтобы сделать прикрепление слушателей событий к фигурам на экране максимально простым, придерживаясь шаблонов Canvas API. Вы можете проверить пример здесь:

http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/

2

Я думаю, что ответ (но никакой другой плакат не использует термин), что нет первого класс поддержки событий на графических примитивах, нарисованных на холсте HTML5. То есть нельзя сказать, что это не возможно, чтобы написать слушателя, только то, что если вы хотите сделать, что вы должны использовать API как Kinetic JS, как можно увидеть на

http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/

1

Я думаю, KineticJS должно быть достаточно для большинства ваших потребностей. Но убедитесь, что вы оставили события, связанные с HTML5, от событий KineticJS. Я столкнулся с некоторыми проблемами в этом направлении. обновит вас, если найду что-нибудь. С уважением