Jquery 如何将div内容转换为图像

基本上，我试图实现一个图像，这是保存到我的本地存储，所以我可以使用它的其他用途。我现在有一个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);
});

任何帮助都会对我有很大帮助。

---

谢谢

你想要的可能是

$(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

变量中。

您想要的可能是

$(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

变量。

谢谢你，沃伦尼，但我如何将其保存到特定文件夹。由于我希望此图像以电子邮件正文的形式发送。@Chandan未经允许，您不能在用户设备上保存任何内容。至少据我所知，浏览器中的Javascript无法做到这一点。您只能设置cookie并使用localStorage，它们会通过重新加载保持不变。你好，沃伦尼，非常感谢您消除了疑虑。还有一件事你能帮忙吗？我需要将创建的highcharts的图像保存为图像，因此我尝试将它们保存为分割元素。所以我真的可以做到吗？@Chandan我不确定我是否理解这个作为除法元素的保存。我想，要保存这张图片，你必须自己保存，例如，制作一张截图，然后将其剪掉。或者，您可以将本地存储中的数据（变量

myImage

粘贴为浏览器url，然后按Ctrl+S（至少在Windows上）保存I Voreny，使用上述代码时出现此错误：Description:HTTP 404。您正在查找的资源（或其依赖项之一）可能已被删除、名称已更改或暂时不可用。请检查以下URL并确保其拼写正确。请求的URL:/XYZ/function HTMLImageElement（）{[本机代码]}谢谢你，沃伦尼，但我如何将其保存到特定文件夹。由于我希望此图像以电子邮件正文的形式发送。@Chandan未经允许，您不能在用户设备上保存任何内容。至少据我所知，浏览器中的Javascript无法做到这一点。您只能设置cookie并使用localStorage，它们会通过重新加载保持不变。你好，沃伦尼，非常感谢您消除了疑虑。还有一件事你能帮忙吗？我需要将创建的highcharts的图像保存为图像，因此我尝试将它们保存为分割元素。所以我真的可以做到吗？@Chandan我不确定我是否理解这个作为除法元素的保存。我想，要保存这张图片，你必须自己保存，例如，制作一张截图，然后将其剪掉。或者，您可以将本地存储中的数据（变量

myImage

粘贴为浏览器url，然后按Ctrl+S（至少在Windows上）保存I Voreny，使用上述代码时出现此错误：Description:HTTP 404。您正在查找的资源（或其依赖项之一）可能已被删除、名称已更改或暂时不可用。请检查以下URL并确保其拼写正确。请求的URL:/XYZ/函数HTMLImageElement（）{[本机代码]}