如何把网页上的文字和图片转化为一张图片？

在我目前设计的网站中，有个页面是可供用户浏览/编辑合同内容的，其中会添加文字和图片。最后，需要将页面中整个合同内容（包括文字和用户上传的图片）输出成图片格式。
请问：
①是否可以实现，以及如何实现？（我目前想到的方法就是在服务器上渲染成图片后再调用给前端，具体实现的过程也说不上来 >②如果可以实现，对于用户上传的图片格式有无限制？（PNG/JPG等）

非常感谢。

回复内容：

首先回答下题主的问题:

①是否可以实现，以及如何实现？

答:可以实现,而且是前端实现,详细说明在下面

②如果可以实现，对于用户上传的图片格式有无限制？（PNG/JPG等）

答:没有任何限制

以下是详细说明:

前端用html2canvas.js可以把html转成canvas最后输出base64码图片

用法非常简单.
注意:示例中使用了jquery库.

使用以下代码生成:

1. 第一个参数是要捕捉的区域
2. 第二个参数负责生成
   

html2canvas($('.droppable'), {
              onrendered: function(canvas) {
                var data=canvas.toDataURL("image/png");//生成的格式
                //data就是生成的base64码啦
              }
});

http://wkhtmltopdf.org
转换图片和pdf都行 gd库可以吧 开启gd2库。
调用imagettftext()。
要注意的是文字内容的编码需要utf8。

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• 详解win10下PHP的安装配置（以php5.6为...
• php Swoole实现毫秒定时计划任务（详解）
• 一文详解Windows和Linux环境下怎么安装配...
• 【DTM】PHP协程客户端v0.1 beta版本发...
• 如何把网页上的文字和图片转化为一张图片？

• JpGraph-网民支持情况统计图(实时数据2)
• IE6中兼容png24背景透明