我已经创建了一个自定义产品配置器,并且我使用html2canvas生成一个canvas元素的base64编码字符串。转到DataUrl base64字符串到图像页
如果你去:http://faithpointdallas.com/ecom/page/customStole你可以看到,当你点击底部的“添加到购物车”,它使用html2canvas脚本提醒一个生成的base64编码字符串。
我的问题是:我怎样才能把base64编码的字符串变成一个普通的图像标签。像<img src="myconvertedbase64string.PNG" />
这里是生成该字符串的代码:
$('#addToCart').click(function(event) {
event.preventDefault();
var target = $('.customstole');
html2canvas(target, {
onrendered: function(canvas) {
var data = canvas.toDataURL();
alert(data);
// data is the Base64-encoded image
}
}); });
正是这样......你甚至尝试过吗?它应该工作,结果将是'' – devnull69
嗯,是的,我有base64编码的字符串,但我不能得到一个实际的可视化图像。我确定这很简单,我错过了,但如果你点击添加到购物车按钮,你会看到我生成的字符串。我只需要帮助解决如何将该字符串转换为页面上的实际图像作为客户端的“预览”。 –