2

html2canvasを使用して、カスタマイズ後に製品のイメージを生成するクライアント用のカスタム製品コンフィギュレーターを作成しました。以前は完全に機能していましたが、html2canvas.appspot.comを呼び出そうとして、404エラーが返されることに気付きました。これが私のコードです：

// JavaScript Document
$('#addToCart').live('click', function(event) {
    event.preventDefault();
    var target = $('.customstole');
    html2canvas(target, {
        onrendered: function(canvas) {
            var data = canvas.toDataURL();

            alert(data);
            $("#dataUrl").val(data);
            // data is the Base64-encoded image passed to a hidden input
            $('form#stoleAddForm').submit();
        }
    }); 
});

私の質問はこれです...html2canvas.appspot.comをまったく呼び出さないようにこのコードを変更するにはどうすればよいですか。私はここでスタックをたくさん読んでグーグルでたくさん読んでいますが、私の画像とすべてが私のページにすべてあるので、「プロキシ」URLは必要ないと聞いています。しかし、proxy：false、proxy：''、proxy：undefinedを追加してみましたが、それでもそこに呼び出しを続けます。

これが実際に動作していることを確認して、それまたはその内容をファイアバグしたい場合は、http ：//stoles.com/stoles/page/customStoleにアクセスしてください。

ユーザー名は：alexパスワードは：superman

[カートに追加]をクリックすると、FirebugのJSペインに404エラーがスローされることがわかります。

私はこれに途方に暮れているので、どんな助けもありがたいです。

4

1 に答える 1

4

私はhtml2canvasのソースを読みました、そしてそれは確かにあなたが言ったようです。プロキシが必要ない場合は、デフォルトでこのオプションを無効にする必要がありますhttp://html2canvas.appspot.com/

これを試して：

// JavaScript Document
$('#addToCart').live('click', function(event) {
    event.preventDefault();
    var target = $('.customstole');
    html2canvas(target, {
        onrendered: function(canvas) {
            var data = canvas.toDataURL();
            alert(data);
            $("#dataUrl").val(data);
            // data is the Base64-encoded image passed to a hidden input
            $('form#stoleAddForm').submit();
        },

        // disable the proxy feature
        proxy : false
    });
});

私はfirebugコンソールを使用してそれをテストしました、それは動作します！（そしてファイアバグロック！）

于 2013-01-18T09:54:02.773 に答える