Javascript 将画布与Div一起保存

我正在创建一个程序，用户将上传一个图像，该程序将在画布上方显示一个div，并且已经解决了这个问题。但我的问题是，当我试图保存/下载图像时，它只会保存画布

<div id="memePlaceHolder" style="height: 700px; width:700px;background:#BBB;">
    <canvas id="c" width="0" height="0">
    </canvas>        
    <div id="myTestDiv" name="myTestDiv">
       <h1>#Test Hashtag</h1>
       <br/>
       <h2>My Test Display</h2>
    </div>
</div>

e.downloadLink.href = e.c.toDataURL();

---

是否有一种方法可以将图像与其上方显示的div一起保存？

否，不能使用canvas元素保存div，

您可以使用名为

ᴅᴇᴍᴏ

让wrapper=document.querySelector'wrapper'； 让title=document.querySelector'title'； 让canvas=document.querySelector'canvas'； 设ctx=canvas.getContext'2d'； 设img=新图像； img.onload=函数{ ctx.drawmagethis，0,0,150,150； } img.crossOrigin='匿名'； img.src=https://i.imgur.com/Q6aZlme.jpg'; 函数保存{ html2canvaswrapper{ onrendered：函数画布{ 设a=document.createElement'a'； a、 href=canvas.toDataURL； a、 下载='myImage.png'； document.body.a； a、 点击； document.body.removeChilda； } }; } 标题{字体：16px Verdana；颜色：07C}画布{边框：1px实心ccc} 德雷德雷

---

另存为图片谢谢，我试试这个。顺便说一句，这会影响图像的质量吗？嗯。。我想不会。它通常以最高质量保存图像。我有一个问题，你知道如何解决当我试图下载生成的图像时图像上字体发生变化的问题吗？嗯。。目前还不清楚你在问什么。如果你问一个新的问题，再加上一些细节，就更好了。好的，不管怎样，谢谢。我试着问另一个问题。