キャンバスを使ってイメージからピクセルを削除しますか？

Question

キャンバスを使用して画像からピクセルを削除して、その領域を透明にすることはできますか？

もしも...

他のサーバーでホストされている画像でこれを行うことはできますか？

このサーバー側を行う方がよいでしょうか？ https://github.com/LearnBoost/node-canvas

ありがとうございました！

Answer 1

これはここで行われました：https://developer.mozilla.org/En/Manipulating_video_using_canvas

それがうまく動作するように思われる実際の例があります。私はあなたがそれをチェックすることをお勧めします。

Answer 2

Pixel Manipulation

上記のリンクをご確認ください。この記事では、キャンバス内のピクセルを操作する方法について説明します。クロスドメインサーバからの画像の表示については、キャンバスを使用することはできません。セキュリティ例外が発生します。他のサーバーからイメージを読み込むには、独自のサーバーをプロキシとして使用することができます。完全なイメージパスでサーバー上のメソッドを呼び出すと、サーバーは別のサーバーからイメージをダウンロードして返す必要があります。この方法で、他のドメインからの画像を表示することができます。

Answer 3

他の人が言っているように、これが可能であり、Dessusのリンクがそれを助けます。

ただし、セキュリティ上の理由から、他のサーバーでホストされている画像ではこれを行うことはできません。キャンバスにリモートイメージを書き込む場合、キャンバスは「汚染された」ものとして扱われ、JavaScriptセキュリティの例外が適用されます。つまり、操作を実行するコードと同じサーバー上にある画像に対してのみ行うことができます。