Какие наиболее предпочтительные практики построения интерактивной канвы используются?

Question

[Кирилл Халитов]

Здравствуйте. Использую Canvas Web API для создания виджета гистограмм.
Разбирал вот этот пример через ChromeDevTools.
В основном устройство понял, остался только один вопрос - как реализована кликабельная легенда, через контекст канвы, путём вызова функций объекта CanvasRenderingContext2D или с помощью наложения HTML-элементов типа "div" и "g"?
Вообще какие наиболее предпочтительные практики построения интерактивной канвы используются?

Answer 1

[SnowElephant]

• Проверять вручную вхождение курсора в прямоугольник.
  
• Canvas Hit Regions, который сейчас за флагами в Chrome и Firefox.
  
• Но лучше всего для этого подходит SVG.
  

Comments

[Кирилл Халитов]

"Но лучше всего для этого подходит SVG."
Лучше для полностью всего виджета или только для отельных частей?

[SnowElephant]

Полностью для виджета. Удобно стилизовать, легко вешать обработчики событий.

[Кирилл Халитов]

Спасибо, будем пробовать.