下载Div&画布作为一个图像

时间:2015-04-03 19:23:44

标签: javascript jquery html5-canvas html2canvas

我有一个带有背景图像集的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>

1 个答案:

答案 0 :(得分:0)

您没有提供当前的代码,因此这里有一个关于如何完成任务的叙述性说明......

当你的T恤设计完成后,画出你的背景&#34; div中的图像到画布上,然后使用canvas.toDataURL将画布内容导出为图像URL。

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

您可以使用javascript完成所有这些操作。