我正在使用 jquery 和 codeigniter 创建一个自定义毕业偷配置器。我现在已经得到了我想要的一切,我的计划是在他们单击添加到购物车按钮时使用 html2canvas 截取被盗 div 的屏幕截图。我需要将此图像传递给隐藏的输入值或其他东西,以便我可以将图像写入服务器。
被盗配置器可以在这里查看:自定义被盗配置器。当您单击“添加到购物车”按钮时,它当前会生成被盗的图像,并且看起来它工作得很好。
我只是坚持使用最佳方式或任何方式将该图像的 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());
});