Использование HTML Canvas для элементов пользовательского интерфейса?

Question

У меня есть несколько элементов пользовательского интерфейса, таких как кнопки в моем веб-приложении. Я собирался использовать переходы CSS3 для анимации перехода от одного фонового изображения к другому. Я понял, что это невозможно по крайней мере с текущим проектом переходов. Итак, мне было интересно, имеет ли смысл использовать Canvas в качестве кнопки. Я уверен, что он может обрабатывать события, поэтому я не вижу здесь никаких проблем. Есть ли?

Answer 1

Использовать raphael.js (лицензия MIT) - он дает вам API, похожий на холст, используя SVG (и VML для IE) и работает во всех современных браузерах, включая IE6. И это быстро (не слишком медленно, даже в IE)

Answer 2

холст не поддерживается в Internet Explorer. Кроме того, анимации холста отображаются очень медленно на ПК с небольшим энергопотреблением процессора.

Если вы не пишете что-то, предназначенное для конкретной целевой аудитории (скажем, для внутренних пользователей с Firefox и двухъядерным процессором), я думаю, вам пока не следует использовать canvas ...

Answer 3

Я пришел к выводу: использование Canvas для элементов пользовательского интерфейса не очень хорошая идея.

Например, если вы создаете поле выбора с помощью Canvas, как список появится в верхней части других элементов HTML?

Answer 4

Кроме того факта, что он не поддерживается в IE, нет.