【相關學習推薦：小程序開發教程】

實現方案

前端人員，提供相關的html頁面， 后端人員提供接口，前端人員通過參數設置html頁面需要渲染的內容， 最后使用wkhtmltoimage或者phantomjs 對html 進行截圖生成海報, 個人感覺wkhtmltoiamge 比phantomjs 要快一點，穩定一點我主要說下wkhtmltoimage的實現方案

實現步驟

安裝環境

官網地址：https://wkhtmltopdf.org/

windows: 下載安裝包安裝即可

linux: 下載對應的安裝包 ，還需安裝對應中文字體（phantomjs 也需要安裝字體）,html中需要聲明引用

yum install libjpeg libXrender libXext xorg-x11-fonts-75dpi.noarch xorg-x11-fonts-Type1 bitmap-fonts-cjk

rpm -ivh wkhtmltox-0.12.6-1.centos7.x86_64.rpm

安裝字體

yum install bitmap-fonts-cjk

mkdir /usr/share/fonts/win

拷貝字體到 /usr/share/fonts/win下

cd /usr/share/fonts/win
mkfontscale
mkfontdir
fc-cache

相關代碼

利用java 執行命令 調用wkhtmltoImage 設置相關參數，具體參數查看wkhtmltoImage 命令提示

package com.yumingzhu.wxweb.util;  import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader;  /**  * @Description   * @Author yumigzhu  * @Date 2020/7/22 20:12  */  public class CustomWKHtmlToPdfUtil { 	private static String tempPath = "C:/apps/tmpFile";// 圖片保存目錄  	public static String getCommand(String htmlToImage, String sourceFilePath, String targetFilePath) { 		//--quality 設置為50 是比較合適的， 默認的94 可能會導致圖片文件過大 		ProcessBuilder pb = new ProcessBuilder(htmlToImage, "--crop-w", "800", "--width", "800","--quality", "50", 				sourceFilePath, targetFilePath); 		Process process; 		try { 			process = pb.start(); 			//注意，調用process.getErrorStream()而不是process.getInputStream() 			BufferedReader errStreamReader = new BufferedReader(new InputStreamReader(process.getErrorStream())); 			System.out.println("read errstreamreader"); 			String line = null; 			line = errStreamReader.readLine(); 			while (line != null) { 				System.out.println(line); 				line = errStreamReader.readLine(); 			} 			process.destroy(); 			System.out.println("destroyed process"); 		} catch (IOException e) { 			e.printStackTrace(); 		} 		return targetFilePath; 	}  	public static void main(String[] args) throws Exception { 		String imagePath = tempPath + "/" + System.currentTimeMillis() + ".png";//圖片路徑 		System.out.println(imagePath); 		String htmlToImage = "E:\softwareAPP\wkhtmltopdf\bin\wkhtmltoimage.exe";  		CustomWKHtmlToPdfUtil.getCommand(htmlToImage, 				"file:///G:/share/text_none_title_share/index.html", 				imagePath);  		System.out.println("執行完成"); 	} }

踩坑記錄

• 如果html頁面設置的寬高比較小， 這樣截出來的圖片也會比較小，比較模糊，， 增大html 的寬高，可以使圖片更清晰，這樣會導致截出來的圖片文件更大，這樣用戶在小程序下載過程會更慢，這里需要自己權衡

• wkhtmlImage 對 css3 linear-gradient 不支持，不能使用樣式下劃線，可以考慮使用圖片代替

• 中文字體需要聲明引用，才能生效

相關學習推薦：java基礎教程