Javascript 有没有可能得到一个；屏幕截图“；只有一个div

我希望用户能够以编程方式拍摄他们在我的网站上所做设计的照片。设计将在一个div中，该div是一个从屏幕左/右边缘延伸的全景图

基本上，我会创建一个.jpg、.png等该div及其内容

---

图像魔术和其他插件的组合是否可能实现这一点？

我找到了一种方法，通过使用HTML2Canvas（这里是链接：）库，只下载一个div的“屏幕截图”。此代码的作用是基于div的HTML生成画布，但不显示它，然后将画布转换为图像（在本例中为png图像文件），然后提供连接到生成图像的下载链接：

HTML:

这应该保存到一个图像太棒了

JavaScript:

html2canvas($("#capture"), {
    onrendered: function(canvas){
    img = canvas.toDataURL();
    document.getElementById("notice").innerHTML = "<a href='"+img+"' download='download.png'>Click here</a> to download the image";
  }
});

html2canvas（$（“#捕获”）{
onrendered：函数（画布）{
img=canvas.toDataURL（）；
document.getElementById（“notice”）.innerHTML=“下载图像”；
}
});

这里有一个指向工作JSFIDLE的链接： 如果您有更多问题，请随时与我联系

此链接看起来很有用：

html2canvas($("#capture"), {
    onrendered: function(canvas){
    img = canvas.toDataURL();
    document.getElementById("notice").innerHTML = "<a href='"+img+"' download='download.png'>Click here</a> to download the image";
  }
});