javascript - Canvas を使用した html5 画像フィルタ

Question

このhttp://www.storminthecastle.com/projects/imagefilters1/からソースをダウンロードしました。html5キャンバスでの画像操作に関するものです。

ソース内で、ローカル ディレクトリにあるイメージをロードします...

function reset() {
    imageURL = "./sandbox.jpg";
    imageFilter = grayscale;
    document.querySelector("#filename").innerHTML = "";
    update();
  }

上記は私のプロジェクトで機能しています。しかし、URLから画像を読み込もうとしているので、次のように変更しました...

function reset() {
    imageURL = "http://xxxxxx.jpg";
    imageFilter = grayscale;
    document.querySelector("#filename").innerHTML = "";
    update();
  }

テストしたところ、画像は正しく表示されています。ただし、すべての機能が機能しなくなり、その理由がわかりません。url を引数として取り込めない理由がわかりません。それを機能させるために変更する方法もわかりません。何か役に立ちますか？