站長資訊網
        最全最豐富的資訊網站

        示例小程序生成海報(java后端)

        示例小程序生成海報(java后端)

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

        實現方案

        前端人員,提供相關的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基礎教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 97精品国产高清自在线看超| 久久无码精品一区二区三区| 国产精品极品美女自在线观看免费| 中文字幕精品无码久久久久久3D日动漫| 欧美精品人爱c欧美精品| 亚洲国产精品无码久久| 国产系列高清精品第一页| 国产91精品一区二区麻豆网站| 亚洲av午夜成人片精品网站| 久久久久久国产精品美女| 国产精品 羞羞答答在线 | 国产精品成| 国内精品久久久久久野外| 精品国产乱码一区二区三区| 中文字幕日韩精品在线| 日韩人妻无码精品无码中文字幕 | 国产成人精品无码免费看| 一本色道久久综合亚洲精品| 精品无码久久久久久久动漫| 91精品成人免费国产片| 高清免费久久午夜精品| 国产在线精品一区二区中文| 亚洲国产精品VA在线看黑人| 三级国产精品| 亚洲AV无码之日韩精品| 久久久久九九精品影院| 精品一区二区三区免费视频| 国产精品美女久久久久av爽 | 欧美亚洲另类精品第一页 | 99re6在线视频精品免费| 久久久久成人精品无码中文字幕 | 国产精品午夜无码AV天美传媒 | 久久久91人妻无码精品蜜桃HD| 国产精品人人做人人爽人人添| 777久久精品一区二区三区无码| 国产精品亚洲片在线va| 久久夜色精品国产亚洲| 日韩欧美精品不卡| 成人精品一区二区三区在线观看| 92精品国产自产在线观看| 国产精品丝袜久久久久久不卡|