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

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

文件轉(zhuǎn)換過程為 html —> pdf —>png。 （推薦學(xué)習(xí)：PHP視頻教程）

需要借助的類庫是mPDF ，imagick

pdf 官方下載地址是：http://www.mpdf1.com/mpdf/index.php （推薦下在6.0 雖然大了點）這是一個類庫直接下載 上傳到服務(wù)器即可，里面東西不少，新建一個 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高 返回值 圖片名稱 實例  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;   }

接下來開始將pdf轉(zhuǎn)換為png圖片了這一步需要在服務(wù)器安裝ImageMagick組件

然后使用函數(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存放位置路徑   實例  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; }

ok，基本完成簡單頁面的圖片化了，圖片大小為1M左右，小了不清楚。