php - Html2Canvas Appsot 服务器关闭

Question

我为客户创建了一个自定义产品配置器，该配置器在自定义产品后使用 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。我已经在堆栈上阅读了很多内容并进行了很多谷歌搜索，我听说由于我的图像和所有内容都在我的页面上，所以我不需要“代理”网址。但我尝试添加 proxy: false、proxy: '' 和 proxy: undefined，但它仍然不断向那里发出调用。

如果您想查看此操作并对其进行 firebug 或其他任何内容，请访问:http://stoles.com/stoles/page/customStole

用户名是:alex 密码是:超人

如果您点击“添加到购物车”，您会看到它在 firebug 的 JS Pane 中抛出 404 错误。

我对此感到困惑，因此非常感谢您的帮助。

Answer 1

我阅读了 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 控制台对其进行了测试，它有效! (还有 Firebug 岩石!)