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 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

 

到這一步注意運行

yum list |grep imagick

 

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

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

 

重啟服務器

service nginx restart
service 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左右。小了不清楚。