如何将div内容转换为图像

时间:2016-01-29 14:38:27

标签: jquery html

基本上我正在尝试将图像保存到本地存储中,因此我可以将其用于其他目的。我目前有一个div里面有一些内容。

我尝试了类似canvas2Image的方法,但没有成功。这是我的代码:

 $(document).ready(function () {
    alert("hello");
    var canvas = document.getElementById('canvas');
    var context = canvas.getContext("2d");
    var myImage = canvas.toDataURL("image/png");
    window.location = Image;
    canvas2Image.saveASPNG(canvas);
});

任何帮助都会对我有所帮助。 感谢

1 个答案:

答案 0 :(得分:0)

你想要的可能是

$(document).ready(function () {
    alert("hello");
    var canvas = document.getElementById('canvas');
    var context = canvas.getContext("2d");
    var myImage = canvas.toDataURL("image/png");
    window.localStorage.canvasImage = myImage;
});

它应该将图像作为dataURI保存到localStorage的canvasImage变量。