【发布时间】:2012-10-31 15:03:55
【问题描述】:
我正在使用 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());
});
【问题讨论】:
-
很烦人:关闭窗口时弹出“你想离开这个页面吗”,即使你只打开页面而不做任何更改。
-
还有一件事......显然对你来说这个功能很烦人,但刚刚花了 15 分钟创建自定义窃取并意外退出页面的人会喜欢它。
-
然后做到这一点,使弹出窗口仅在某些内容发生更改时显示。顺便说一句,没有必要冒犯。我对我的评论 +1 已经表明有人同意我的观点。将其视为改善网站的积极批评,而不是诅咒他人!
-
没有帮助,也不是问题。当我已经做了 2 周的工作时,我可能不太在意这些。如果您不直接回答问题,请转到另一个问题。人们不希望你讨厌的小 cmets 插入到他们试图寻求帮助的问题中。
标签: javascript jquery html2canvas