0

Pixastic を使用して画像の彩度を下げようとしています。公式 Web サイトからスクリプトをダウンロードし、必要なもの (コア、jquery プラグイン、彩度の低下効果) のみを確認しました。

jQuery の .ready 関数内に含めたことを除いて、デモに表示されているのと同じコードを使用してみましたが、これは問題を引き起こすとは想定されていません。

(function($) {
    $(document).ready(function() {
        var img = new Image();
        img.onload = function() {
            // document.body.appendChild(img); // Ialso tried putting this here.
            Pixastic.process(img, "desaturate", {average : false});
        };
        document.body.appendChild(img);
        img.src = "http://127.0.0.1/some_path/Wallpapers/ (10).jpg"; // This URL does point to the image file.
    });
})(window.jQuery);

しかし、私はいつも同じエラーを受け取ります: この操作は安全ではありません. エラーは、374 行目の Pixastic js ファイルから発生します。

prepareData : function(params, getCopy) {
            var ctx = params.canvas.getContext("2d");
            var rect = params.options.rect;
            var dataDesc = ctx.getImageData(rect.left, rect.top, rect.width, rect.height); // 374
            var data = dataDesc.data;
            if (!getCopy) params.canvasData = dataDesc;
            return data;
        },

私はローカルワンプサーバーで開発しています。

私が間違っていることについて何か考えはありますか? ご協力いただきありがとうございます ！:)

4

2 に答える 2

1

コード内の画像の URL は、ページの提供元の URL と一致する必要があります。コードでは相対 URL を使用します。画像が別のドメインからのものである場合、これが機能するには、画像を提供するサーバーが CORS ( http://en.wikipedia.org/wiki/Cross-origin_resource_sharing ) をサポートしている必要があります。

于 2013-05-10T17:38:30.590 に答える
0

問題が見つかりました:

ブラウザーのアドレス バーで localhost の代わりに 127.0.0.1 を使用する必要がありました。誰かが正確な理由を知っている場合は、自由に編集してください。

于 2013-05-10T17:38:42.000 に答える