我有
image = canvas.toDataURL("image/png", 1);
但这又回来了
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDA.......
但我需要像正常的图像 src="myimage.png"
我怎样才能从画布上得到它?我在Google上搜索了很多,似乎找不到我需要的东西...
您将获得的字符串可以用作图像的源属性,只需创建一个新Image
元素即可将其分配给它:
var image = new Image();
image.src = canvas.toDataURL("image/png", 1);
// append image to DOM
编辑:给定注释,您想将其转换为存储在数据库中的内容。您应该POST
将结果toDataURL
发送到服务器。使用服务器端技术的IO /图像/图形库来解码数据字符串的base64编码部分,并将其写到新文件中。现在,您可以将该路径存储在数据库中。
替代方案:只需将整个数据字符串存储在数据库中。然后,在呈现<img>
标签时,您可以将其简单地转储到src
属性中:
<img src="<< base-64 encoded data string>>" />
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句