Processing.jsでドメイン外の画像をPImageとして扱う - Qiita

最近投稿してないので、忘れないようにjsdo.itのものを挙げてみます。 Processing.jsで画像を扱えるのですが、クロスドメインの制限もありますが、 コメント形式でプリロードの指定が必要？であったり、動的に扱うことをあまり 考えられていないようで、自力でやってみました。 Jsdo.itの動作例はこちら 自ドメイン外の任意のURLの画像を取得するには ドメイン外の画像ファイルをDataURL形式でもらうJSONPを利用します。 そのため、Processing.js側のプログラム中からJavaScriptの関数を 呼び出します。 いったんCanvasに描画して、イメージデータを取得 JSONPで取得たDataURL形式のイメージをCanvasに描画します。 その後、Context#getImageDataで、画像データを取得します。 Processing.js側での処理 Proces