javascript - JavaScript キャンバス ジェネリック drawImage

Question

このチュートリアルで教えられているように、drawImage を使用して一部のビデオを爆発させてい ます。

drawImage を使用して他のオブジェクトも操作できるようにしたいと考えています。問題は、画像/ビデオ (たとえば、Iframe) 以外でこれを試みると、型エラーが発生することです。

• これを回避する方法はありますか？
• HTML5 ページで任意のコントロールの「ピクセル」を取得する方法はありますか?

Answer 1

簡単に言えば、できません。Canvas はピクセル操作のサンドボックスです。ウェブページの他の要素はベクトル グラフィックに似ており、幅、高さ、色、位置などの特定の属性のみを操作できます。

しかし、これは良いことだと考えられています。すべてをピクセル単位で操作できるとしたら、1 ページをレンダリングするのにどれだけの余分な作業が必要になるか想像してみてください。また、ハードウェア アクセラレーションはかなり新しい分野であり、Web サイトはさまざまな計算能力を備えたデバイスで実行する必要があることも考慮してください。

ハイパーテキスト Web はインタラクティブなアプリケーション プラットフォームになるまでに長い道のりを歩んできましたが、技術的な限界により、ネイティブ アプリのビジュアル/パフォーマンス機能との競合領域が制限されています。