首頁  >  文章  >  後端開發  >  php如何實現html轉圖片

php如何實現html轉圖片

藏色散人
藏色散人原創
2020-08-11 09:39:014094瀏覽

php html轉圖片的實作方法:先下載mPDF和imagick類別庫;然後建立一個“html2pdf”方法,並設定pdf的尺寸和顯示方式;接著透過指令如“yum install -y ImageMagick”將pdf轉換為png圖片即可。

php如何實現html轉圖片

推薦:《PHP影片教學

在伺服器端解析將編譯好的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(&#39;<pagebreak sheet-size="&#39;.$w.&#39;mm &#39;.$h.&#39;mm" />&#39;);
 
 
//设置pdf显示方式
$mpdf->SetDisplayMode(&#39;fullpage&#39;);
 
//删除pdf第一页(由于设置pdf尺寸导致多出了一页)
$mpdf->DeletePages(1,1);
 
$mpdf->WriteHTML($html);
 
$pdf_name = md5(time()).&#39;.pdf&#39;;
 
$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,&#39;img/1.pdf&#39;);
 * */
function pdf2png($PDF, $PNG, $w=50, $h=50){
if(!extension_loaded(&#39;imagick&#39;)){
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左右。小了不清楚。

以上是php如何實現html轉圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn