如何把网页上的文字和图片转化为一张图片？-php教程-PHP中文网

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

php中文网

发布： 2016-06-06 16:44:43

原创

3033人浏览过

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

非常感谢。

回复内容：

首先回答下题主的问题:

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

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

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

答:没有任何限制

以下是详细说明:

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

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

使用以下代码生成:

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

<code class="js"><span class="nx">html2canvas</span><span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="s1">'.droppable'</span><span class="p">),</span> <span class="p">{</span>
              <span class="nx">onrendered</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">canvas</span><span class="p">)</span> <span class="p">{</span>
                <span class="kd">var</span> <span class="nx">data</span><span class="o">=</span><span class="nx">canvas</span><span class="p">.</span><span class="nx">toDataURL</span><span class="p">(</span><span class="s2">"image/png"</span><span class="p">);</span><span class="c1">//生成的格式</span>
                <span class="c1">//data就是生成的base64码啦</span>
              <span class="p">}</span>
<span class="p">});</span>
</code>登录后复制
http://wkhtmltopdf.org
转换图片和pdf都行

gd库可以吧

开启gd2库。
调用imagettftext()。
要注意的是文字内容的编码需要utf8。

大家都在看：

php-gd怎样加载jpg图像_php-gd加载JPG文件步骤 PHP图片处理函数_PHP GD库图像处理与水印添加方法处理Google App Engine中不存在的静态文件请求 PHP文件扩展名提取与分类：switch语句的正确实践 PHP字符串自然排序怎么实现_PHP实现字符串自然排序的实用技巧