下载Div&画布为一个图像

Download Div & Canvas As One Image

本文关键字：图像 一个 Div amp 下载      更新时间：2023-09-26

我有一个带有背景图像集的div，除此之外，我还有一个HTML画布，允许人们粘贴自己的图像并编辑大小和位置。（本质上就像t恤设计工具-TeSpring）

我希望能够将div和画布组合起来，并将其作为图像下载。我该怎么做？（最好使用javascript/jquery）。

我尝试过使用html2canvas和cavas2image，但它既没有下载画布中的图像，也没有下载div的背景图像

<div id="bottle-designer">
    <canvas id="editorCanvas" width="100" height="275"></canvas>
</div>

您没有提供当前的代码，因此这里有一个关于如何实现任务的叙述性解释

Tee设计完成后，将div中的"背景"图像绘制到画布上，然后使用canvas.toDataURL将画布内容导出为图像url。

可以使用destination-over合成在现有画布内容后面绘制背景图像。

您可以使用javascript来完成这一切。

相关文章：