以编程方式从网页或单个DIV创建图像

问题描述 投票:11回答:6

是否可以通过编程方式从特定DIV或完整(网页)页面创建(客户端或服务器端(PHP))图像?我目前正在创建一个免费优惠券的网站,其想法是当最终用户单击“打印”按钮时,该应用会打开一个新标签页/窗口,其中所有选定的优惠券均作为单个图像(JPG,PNG等等。)以准备打印的A4格式。每个优惠券都有自己的数据(商品名称,价格,说明等),因此我需要在我设计的优惠券模板上以编程方式完成。

我不要求您为我编写代码,只是建议我可以使用/开发的解决方案。如果还不存在,我将免费上载/发布它:)

更新:我是用PHP GD库完成的:)仍然对使用图像而不是PDF的想法不满意,因为在不同的PC上,每种打印结果具有不同的Coupon尺寸(图像)。这就是为什么PDF可能是更好的解决方案。您可以在demo.svikuponi.ba上查看/测试它-只需选择一些优惠券,然后单击上方的PRINTAJ按钮即可。

php javascript html web gd
6个回答
4
投票

您不能确定是否可以从div创建图像,但是可以,您可以使用其gd库在php中创建动态图像。以下链接会有所帮助:

http://php.net/manual/en/function.imagecreate.php

http://phptutorial.info/learn/create_images/


4
投票

这是您在客户端创建图像的好方法:http://smus.com/screen-capture-for-chrome-os

[您可以使用它并创建一个可以在webkit上正常运行的Web应用程序(对于其他浏览器-我将介绍JS polyfills)。


4
投票

[有人提到html2canvas和/或jsfeedback吗?

它完全使用javascript创建页面截图,然后您可以通过ajax发送到服务器。

显然,CSS支持缺少某些内容。


2
投票

在php中,GD库中有许多与图像相关的功能,例如imagettftext()有关详细信息,请查看此http://php.net/manual/en/book.image.php如果GD还不够,也可以尝试imagick

对于模板,您可以尝试从文件(图像)在php中创建一个真彩色的句柄,并添加文本部分或具有各种效果和条形码等的其他内容。>>

但是在您的情况下,我建议创建动态PDF,因为它最好使用格式而不是纯图像pdf lib:http://www.fpdf.org/


1
投票

您可以轻松地获得令牌/凭证的背景图片,并使用一些php变量覆盖文本。


1
投票

可以从网页上获得screenshot,但这很麻烦。您需要启动网络浏览器来呈现页面并从中获取屏幕截图。

© www.soinside.com 2019 - 2024. All rights reserved.