Question

我正在使用jquery和codeigniter创建一个自定义毕业披肩配置器。我现在已经掌握了我想要的一切，我的计划是使用html2canvas在他们点击添加到购物车按钮时截取盗窃div的截图。我需要将此图像传递给隐藏的输入值或其他东西，以便我可以将图像写入服务器。

可以在此处查看披肩配置器：custom stole configurator。当您单击“添加到购物车”按钮时，它当前会生成披肩图像，看起来效果非常好。

我只是坚持最好的方式或任何方式将URL放在隐藏的输入中，或以某种方式将图像移动到文件夹并写入路径。

我这样做是为了在购物车中有一个“自定义偷看预览”的链接，当他们点击它时，它会显示这个画布渲染。

任何有关如何实现这一目标的帮助都会有很大帮助。感谢。

顺便说一句，这是正在进行屏幕截图的JS：

$('#addToCart').click(function(event) {
event.preventDefault();
 $('div.customstole').html2canvas();
 var queue = html2canvas.Parse();
 var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
 var img = canvas.toDataURL();
 $('body').append(img);

}）;

编辑：

$('#addToCart').click(function(event) {
    event.preventDefault();
     $('div.customstole').html2canvas();
     var queue = html2canvas.Parse();
     var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
     $('#dataUrl').val(canvas.toDataURL());
});

Answer 1

将数据URL写入隐藏输入，然后在服务器端base64_decode()将其写入，并从结果字符串中写入图像。

html2canvas.js |将图像发送到服务器的变量

1 个答案: