3

次のように、キャンバス上の画像にいくつかの CSS3 フィルターを適用しました。

-webkit-filter brightness(0%) grayscale(100%) contrast(1000%)

しかし、画像をコンピューターに保存すると、フィルターが適用された画像ではなく、元の画像が保存されます。変更したバージョンを保存する方法はありますか?

4

2 に答える 2

1

CSS スタイルを使用するのではなく、シェーダーを使用してキャンバスにフィルターを適用します。

または、非表示のキャンバスを作成し、そこにコンテンツを描画し、それに CSS3 フィルターを適用してから、そのキャンバスを使用して表示されているキャンバスに出力します。

于 2012-11-21T10:25:06.683 に答える
0

フィルターは、キャンバスのコンテンツではなく、キャンバス要素をスタイルします。
私の知る限り、ページのセクション (Canvas+ スタイル) を画像に変換することはできません。

明確にするために: CSS スタイルは、要素内のデータではなく、DOM 要素に適用されます。
この場合、キャンバス上の画像である実際のデータは、キャンバスに CSS シェードなどを適用しても変更されないことを意味します。

はい、キャンバスのデータを保存できますが、CSS スタイルは反映されません。

于 2012-11-21T10:22:59.317 に答える