我有一个带有背景图像集的div,最重要的是我有一个HTML画布,我允许人们粘贴自己的图像并编辑大小和位置。 (基本上就像T恤设计工具 - TeeSpring)
我希望能够将div和canvas结合起来并将其下载为图像。我该怎么做? (最好使用javascript / jquery)。
我尝试过使用html2canvas和cavas2image,但它没有在画布中下载图像,也没有下载div的背景图像。下面是我对div + canvas的HTML:
<div id="bottle-designer">
<canvas id="editorCanvas" width="100" height="275"></canvas>
</div>
答案 0 :(得分:0)
您没有提供当前的代码,因此这里有一个关于如何完成任务的叙述性说明......
当你的T恤设计完成后,画出你的背景&#34; div中的图像到画布上,然后使用canvas.toDataURL
将画布内容导出为图像URL。
您可以使用destination-over
合成在现有画布内容后面绘制背景图像。
您可以使用javascript完成所有这些操作。