利用php怎么將html頁面轉(zhuǎn)換成圖片

這篇文章將為大家詳細(xì)講解有關(guān)利用php怎么將html頁面轉(zhuǎn)換成圖片，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

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

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

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

需要借助的類庫是mPDF ，imagick

新建一個 html2pdf 的文件夾 引入

include（'./html2pdf/mpdf'）;

整一個函數(shù)

/*
名稱  html轉(zhuǎn)換為pdf圖片
功能  將html頁面轉(zhuǎn)換為pdf圖片(部分css樣式無法識別)
參數(shù)數(shù)量 2個
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è)置中文字體(很重要 它會影響到第二步中 圖片生成)
$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第一頁(由于設(shè)置pdf尺寸導(dǎo)致多出了一頁)
$mpdf->DeletePages(1,1);

$mpdf->WriteHTML($html);

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

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

return $pdf_name;

}

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

接下來開始將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 來查看是否安裝成功

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

/*
名稱  pdf轉(zhuǎn)換為png圖片
功能  將pdf圖片轉(zhuǎn)換為png圖片
參數(shù)數(shù)量 2個
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;
}

關(guān)于利用php怎么將html頁面轉(zhuǎn)換成圖片就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。