javascript - 将 html5canvas 转换为图像后,它不会作为图像插入 html
问题描述
我正在尝试将 html5canvas 转换为图像,并希望再次在页面中加载该图像,但它不起作用。
window.onload = function() {
}
function myFunction() {
var v = document.getElementById("mTextArea").value;
document.getElementById("wow").innerHTML = v;
html2canvas(document.getElementById("imagewrap"), {
onrendered: function(canvas) {
canvas.className = "html2canvas";
var image = canvas.toDataURL("image/png");<====
document.getElementById("img_prev").innerHTML = image;<====
},
useCORS: true
});
}
请建议我该怎么做?
解决方案
canvas.toDataURL
将导致图像。将图像插入 HTMLinnerHTML
不是正确的方法。您应该将该图像设置为<img>
标签的来源。假设img_prev是一个<img>
标签,那么:
document.getElementById("img_prev").src= image;