JavaScript холст общий drawImage

Question

Я использовал drawImage, чтобы заставить некоторые видео взрываться, как описано в этом уроке: http://www.craftymind.com/factory/html5video/CanvasVideo.html

Я также хотел бы иметь возможность манипулировать другими объектами, используя drawImage.Дело в том, что, когда я пробую это на чем-либо, кроме изображения / видео (например, в Iframe), я получаю ошибку типа.

• Есть ли способ обойти это?
• Есть ли способ получить «пиксели» произвольного элемента управления на моей html5-странице?

Answer 1

Проще говоря, вы не можете. Canvas - это песочница с пиксельными манипуляциями. Другие элементы на веб-странице похожи на векторную графику, вы можете манипулировать только их определенными атрибутами, такими как: ширина, высота, цвет, положение и т. Д.

Но это считается хорошей вещью. Представьте, сколько дополнительной работы это будет означать, чтобы визуализировать одну страницу, если все можно манипулировать попиксельно. Также учтите, что аппаратное ускорение является довольно новой областью, и что веб-сайты должны работать на устройствах с различными вычислительными возможностями.

Несмотря на то, что гипертекстовая сеть прошла долгий путь, чтобы стать платформой для интерактивных приложений, все же технологические границы все еще ограничивают некоторые области конкуренции с визуальными функциями и функциями производительности нативного приложения.