php如何將html轉為圖片方法介紹

下面小編就為大家帶來一篇php將html轉為圖片的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

在伺服器端解析將編譯好的html轉換為圖片。

由於html一般由用戶端瀏覽器解析，伺服器端不能直接解析html代碼。所以我們需要藉助php類庫及擴充完成這一需求。

檔案轉換過程為 html —> pdf —>png。

需要藉助的類庫是mPDF ，imagick

pdf 官方下載地址是：http://www.mpdf1.com/mpdf/index.php （推薦下在6.0 雖然大了點）這是一個類庫直接下載 上傳到伺服器即可，裡面東西不少，建立一個 html2pdf 的檔案夾 引入

include（'./html2pdf/mpdf'）;

整一個函數

/*名稱  html轉換為pdf圖片功能  將html頁面轉換為pdf圖片(部分css樣式無法識別)參數數量 2個1.必須 html代碼 可以用file_get_contenth擷取2.必須 產生pdf存放位置路徑3.非必須 pdf寬4.非必須 pdf高傳回值 圖片名稱執行個體  code($html,'img/1.pdf'); * */function html2pdf($html, $PATH, $w=414 ,$h=736){ //設定中文字型(很重要 它會影響到第二步中 圖片產生)$mpdf=new mPDF('utf-8');$mpdf->autoScriptToLang = true;$mpdf->autoLangToFont = true;//設定pdf的尺寸$mpdf->WriteHTML('<pagebreak sheet-size="'.$w.'mm '.$h.'mm" />');//設定pdf顯示方式$mpdf->SetDisplayMode('fullpage');//刪除pdf第一頁(由於設定pdf尺寸導致多出了一頁)$mpdf->DeletePages(1,1);$mpdf->WriteHTML($html);$pdf_name = md5(time()).'.pdf';$mpdf->Output($PATH.$pdf_name);return $pdf_name;}

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

接下來開始將pdf轉換為png圖片了這一步需要在伺服器安裝ImageMagick組件 一次運行一下命令

yum install -y ImageMagickyum install -y ImageMagick-develyum install -y gccyum install -y php-pearyum install -y ghostscriptyum install -y ghostscript-devel.x86_64

到這一步注意運行

yum list |grep imagick

根據查詢結果 根據自己伺服器版本 選擇安裝 我的是5.6.3

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

重啟伺服器

service nginx restartservice php-fpm restart

使用 phpinfo() 或運行 php -m | grep imagick 來查看是否安裝成功

然後使用函數將已經產生的pdf轉換為png就可以了

/*名稱  pdf轉換為png圖片功能  將pdf圖片轉換為png圖片參數數量 2個1.必須 html代碼 可以用file_get_contenth擷取2.必須 產生pdf存放位置路徑執行個體  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); //設定解析度$im->setCompressionQuality(15);//設定圖片壓縮的品質$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，基本完成簡單頁面的圖片化了。圖片大小為1M左右。小了不清楚。