php html如何轉(zhuǎn)換成圖片

本篇文章為大家展示了php html如何轉(zhuǎn)換成圖片，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

php將html轉(zhuǎn)換成圖片的方法：1、新建一個(gè)html2pdf的文件夾；2、輸入“include('./html2pdf/mpdf');”；3、使用“function pdf2png(){...}”方法將html轉(zhuǎn)換成圖片即可。

本文操作環(huán)境：Windows7系統(tǒng)、PHP5.6版，DELL G3電腦。

php html怎么轉(zhuǎn)換成圖片？

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

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

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

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

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

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

include（'./html2pdf/mpdf'）;

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

/*
名稱(chēng)  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高
返回值 圖片名稱(chēng)
實(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解決，需要顯示圓角圖片的話(huà)，就需要將圖片裁剪為圓形了。

接下來(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ù)查詢(xún)結(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就可以了

/*
名稱(chēng)  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左右。小了不清楚。

上述內(nèi)容就是php html如何轉(zhuǎn)換成圖片，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。