0

ウェブページのウェブカメラから表示される緑色のピクセルを透明なピクセルに変換するために、リアルタイムのクロマキーを実装しています。

私が見つけた SVG フィルターは非常に強力に思えますが、その使用方法についてはまだよくわかりません。

SVG の feMatrixColor フィルター: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feColorMatrix

私がやろうとしていることに近いこの例https://codepen.io/iamschulz/pen/MmxdMQを見つけました。

アプリケーションのロード時に色を調整する必要があり、そのためには一致するカラー マトリックスを生成する必要があります。

 <feColorMatrix type="matrix" 
   values="1   0   0   0   0 
           0   1   0   0   0  
           0   0   1   0   0 
           1.5 -2  1.5 0   1" />

上記は、定義された緑色のアルファがゼロに設定されている例です。完全なリファレンスとしては使用しませんが、機能します。さらに、最後の列がレンダリングで多くのことを行っていることに気付きましたが、その役割がわかりませんでした。最終結果の品質は、この値によって大きく異なります。

入力で選択した色を含むマトリックスを返す関数を作成したいのですが、そのマトリックスの背後にあるロジックがわかりません。

4

1 に答える 1