Есть ли способ привязать обработчик события к объекту, нарисованному на холсте HTML5, без отслеживания точек? Cheers, IСобытия объекта canvas HTML5
ответ
Посмотрите на Cake. Это плагин графа сцены для элементов холста. Вы должны иметь возможность присоединить обработчики событий к объектам холста.
Вы также можете взглянуть на KineticJS - он был разработан, чтобы сделать прикрепление слушателей событий к фигурам на экране максимально простым, придерживаясь шаблонов Canvas API. Вы можете проверить пример здесь:
http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/
Я думаю, что ответ (но никакой другой плакат не использует термин), что нет первого класс поддержки событий на графических примитивах, нарисованных на холсте HTML5. То есть нельзя сказать, что это не возможно, чтобы написать слушателя, только то, что если вы хотите сделать, что вы должны использовать API как Kinetic JS, как можно увидеть на
http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/
Я думаю, KineticJS должно быть достаточно для большинства ваших потребностей. Но убедитесь, что вы оставили события, связанные с HTML5, от событий KineticJS. Я столкнулся с некоторыми проблемами в этом направлении. обновит вас, если найду что-нибудь. С уважением
- 1. HTML5 canvas Событие Mouseover
- 2. html5 canvas - анимация объекта по пути
- 3. HTML5 Canvas overlaying images
- 4. HTML5 Canvas Game Timer
- 5. HTML5 Canvas Floating Circles
- 6. Scaling HTML5 Canvas Изображение
- 7. рандомизация элементов html5-canvas
- 8. html5 canvas in android
- 9. HTML5 Canvas set z-index
- 10. События не работают с тегом объекта html5
- 11. События TouchEnd, которые не запускаются на HTML5 Canvas
- 12. HTML5 Canvas - Изменение цвета
- 13. HTML5 Canvas Color Text
- 14. HTML5 Динамически создавать Canvas
- 15. Html5 Canvas Библиотеки Javascript?
- 16. iOS HTML5 Canvas toDataURL
- 17. HTML5 Canvas API
- 18. HTML5 Canvas to Facebook
- 19. HTML5 Canvas Tileset рисунок
- 20. HTML5 Canvas Animation Slider
- 21. html5 canvas Удалить постоянно
- 22. Нет HTML5 Canvas
- 23. HTML5 canvas scripting игнорируется
- 24. HTML5 canvas image tooltip
- 25. HTML5 Canvas Пример Скриншоты
- 26. Html5 canvas not drawing
- 27. HTML5 Canvas viewport
- 28. Canvas в HTML5
- 29. HTML5 Canvas Game Bug
- 30. Визуализация html5 canvas
Хотя Kinetic позволит вам (по-видимому) прикреплять обработчики событий к элементам холста, он предназначен для анимации и, как результат, будет постоянно перерисовывать страницу. Если у вас есть сложный (много объектов) холст, эти перерисовки могут замедлить ваш холст вплоть до непригодности. – mikemaccana
Начиная с версии 3, KineticJS теперь интеллектуально рисует только перемещенные объекты. Кроме того, он намного быстрее, чем предыдущие версии. Вот пример стресс-теста всплывающей подсказки с использованием 10 000 фигур: http://www.html5canvastutorials.com/labs/html5-canvas-10000-shape-stress-test-with-kineticjs/ –