1

我创建了一个自定义产品配置器,并且正在使用 html2canvas 生成一个画布元素的 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
}

}); });

4

1 回答 1

3

这可能会有所帮助 - 它使用 jQuery 将 base64 编码的 URL 发布到服务器,然后使用一些 PHP 将其保存到文件中:

http://www.rgraph.net/docs/integration-with-server-side-scripting.html#image

另外,你知道你可以直接使用 toDataUrl() 返回的 data: url 作为标签 src 吗?

于 2012-10-31T09:20:37.873 回答