在服務器端解析將編譯好的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左右,小了不清楚。