如何缩放/放大HTML内容并将其另存为图像?

时间:2013-11-16 14:50:21

标签: javascript image css3 html5-canvas html2canvas

我有一个JavaScript产品设计师,允许网页用户添加文字和图片来创建动态促销产品。设计阶段很有效,我使用html2canvas将他们的自定义产品转换为图像。该图像看起来很适合屏幕,但不适合打印,这是最终目标。

如何扩展HTML内容(保留细节)并将结果保存为图像(png)?

我将网页内容放在画布上后成功缩放了图像,但这显然会丢失细节。

在将内容应用到画布之前,我使用了CSS3“transform”属性来缩放我的图像。这样可以很好地保留细节和比例。但是,html2canvas会忽略该CSS并导出原始大小(如此处所确认:https://github.com/niklasvh/html2canvas/issues/176

任何人都有这方面的经验吗?

0 个答案:

没有答案