快捷導(dǎo)航

php將html轉(zhuǎn)為圖片的實(shí)現(xiàn)方法

更新時(shí)間：2017年05月19日 08:20:23 投稿：jingxian

下面小編就為大家?guī)?lái)一篇php將html轉(zhuǎn)為圖片的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

在服務(wù)器端解析將編譯好的html轉(zhuǎn)換為圖片。

由于html一般由客戶端瀏覽器解析，服務(wù)器端不能直接解析html代碼。所以我們需要借助php類庫(kù)及擴(kuò)展完成這一需求。

文件轉(zhuǎn)換過(guò)程為 html —> pdf —>png。

需要借助的類庫(kù)是mPDF ，imagick

pdf 官方下載地址是：http://www.mpdf1.com/mpdf/index.php （推薦下在6.0 雖然大了點(diǎn)）這是一個(gè)類庫(kù)直接下載上傳到服務(wù)器即可，里面東西不少，新建一個(gè) html2pdf 的文件夾引入

include（'./html2pdf/mpdf'）;

整一個(gè)函數(shù)

/*
名稱  html轉(zhuǎn)換為pdf圖片
功能  將html頁(yè)面轉(zhuǎn)換為pdf圖片(部分css樣式無(wú)法識(shí)別)
參數(shù)數(shù)量 2個(gè)
1.必須 html代碼 可以用file_get_contenth獲取
2.必須 生成pdf存放位置路徑
3.非必須 pdf寬
4.非必須 pdf高
返回值 圖片名稱
實(shí)例  code($html,'img/1.pdf');
 * */
function html2pdf($html, $PATH, $w=414 ,$h=736){
 //設(shè)置中文字體(很重要 它會(huì)影響到第二步中 圖片生成)
$mpdf=new mPDF('utf-8');
$mpdf->autoScriptToLang = true;
$mpdf->autoLangToFont = true;
//設(shè)置pdf的尺寸
$mpdf->WriteHTML('<pagebreak sheet-size="'.$w.'mm '.$h.'mm" />');


//設(shè)置pdf顯示方式
$mpdf->SetDisplayMode('fullpage');

//刪除pdf第一頁(yè)(由于設(shè)置pdf尺寸導(dǎo)致多出了一頁(yè))
$mpdf->DeletePages(1,1);

$mpdf->WriteHTML($html);

$pdf_name = md5(time()).'.pdf';

$mpdf->Output($PATH.$pdf_name);

return $pdf_name;

}

用這個(gè)函數(shù)基本就可以解決HTML到pdf的問(wèn)題，需要注意的是mpdf并不能有效的識(shí)別html中所有的css樣式，例如position border-radius等。位置可以用margin解決，需要顯示圓角圖片的話，就需要將圖片裁剪為圓形了。

接下來(lái)開(kāi)始將pdf轉(zhuǎn)換為png圖片了這一步需要在服務(wù)器安裝ImageMagick組件一次運(yùn)行一下命令

yum install -y ImageMagick
yum install -y ImageMagick-devel
yum install -y gcc
yum install -y php-pear
yum install -y ghostscript
yum install -y ghostscript-devel.x86_64

到這一步注意運(yùn)行

yum list |grep imagick

根據(jù)查詢結(jié)果根據(jù)自己服務(wù)器版本選擇安裝我的是5.6.3

yum install -y php56w-pecl-imagick.x86_64
yum install -y php56w-pecl-imagick-devel.x86_64

重啟服務(wù)器

service nginx restart
service php-fpm restart

使用 phpinfo() 或運(yùn)行 php -m | grep imagick 來(lái)查看是否安裝成功

然后使用函數(shù)將已經(jīng)生成的pdf轉(zhuǎn)換為png就可以了

/*
名稱  pdf轉(zhuǎn)換為png圖片
功能  將pdf圖片轉(zhuǎn)換為png圖片
參數(shù)數(shù)量 2個(gè)
1.必須 html代碼 可以用file_get_contenth獲取
2.必須 生成pdf存放位置路徑

實(shí)例  code($html,'img/1.pdf');
 * */
function pdf2png($PDF, $PNG, $w=50, $h=50){
if(!extension_loaded('imagick')){
return false;
}
if(!file_exists($PDF)){
return false;
}

$im = new Imagick();

$im->setResolution($w,$h); //設(shè)置分辨率
$im->setCompressionQuality(15);//設(shè)置圖片壓縮的質(zhì)量

$im->readImage($PDF);
$im -> resetIterator();
$imgs = $im->appendImages(true);
$imgs->setImageFormat( "png" );
$img_name = $PNG;
$imgs->writeImage($img_name);
$imgs->clear();
$imgs->destroy();
$im->clear();
$im->destroy();

return $img_name;
}

ok，基本完成簡(jiǎn)單頁(yè)面的圖片化了。圖片大小為1M左右。小了不清楚。

以上這篇php將html轉(zhuǎn)為圖片的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: