【相关学习推荐:小程序开发教程】
实现方案前端人员,提供相关的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基础教程
以上就是示例小程序生成海报(java后端)的详细内容。