JavaScriptでカメラにアクセスできるGoogle Chromeの新しいWebRTC機能を使用して、新しいコラージュアプリケーションを作成しています。カメラ フィードをビデオ要素に配置し、カメラのスナップショットを取得して変数に保存し、キャンバスに描画することができました。
私の新しい問題は、css を使用してビデオ要素で css -webkit-filter を変更しても (ビデオ プレビューをクリックして)、コピーされたデータは未加工であり、フィルター処理されないことです。ビデオ要素からフィルタリングされたデータを描画する方法はありますか? または、キャンバス内の領域にフィルターを描画しますか?