在伺服器端解析將編譯好的html轉換為圖片。
由於html一般由客戶端瀏覽器解析,伺服器端無法直接解析html程式碼。所以我們需要藉助php類別函式庫及擴充來完成這項需求。
檔案轉換過程為 html —> pdf —>png。 (建議學習:PHP影片教學)
需要藉助的類別庫是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; }
接下來開始將pdf轉換為png圖片了這一步需要在伺服器安裝ImageMagick元件
#然後使用函數將已經產生的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左右,小了不清楚。
以上是php可以把頁面轉換成圖片嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!