html转图片

简介: html转图片

真话说一半常是弥天大谎。——富兰克林

引入依赖

<!-- html转图片 -->
<dependency>
    <groupId>com.github.xuwei-k</groupId>
    <artifactId>html2image</artifactId>
    <version>0.1.0</version>
</dependency>

我这里稍微封装了一下

package com.ruben.utils;
import gui.ava.html.image.generator.HtmlImageGenerator;
import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.Arrays;
/**
 * @ClassName: HtmlUtils
 * @Description: 我还没有写描述
 * @Date: 2020/12/29 0029 20:21
 * *
 * @author: <achao1441470436@gmail.com>
 * @version: 1.0
 * @since: JDK 1.8
 */
public class HtmlUtils {
    /**
     * @MethodName: htmlSaveAsImage
     * @Description: html字符串转图片,保存到本地<多用于富文本场景>
     * @Date: 2020/12/29 0029 20:25
     * *
     * @author: <achao1441470436@gmail.com>
     * @param: [html, targetPath]
     * @returnValue: void
     */
    public static void htmlSaveAsImage(String html, String targetPath) {
        // 读取html
        HtmlImageGenerator imageGenerator = new HtmlImageGenerator();
        // 加载html模版
        imageGenerator.loadHtml(html);
        // 写入本地
        imageGenerator.saveAsImage(targetPath);
    }
    /**
     * @MethodName: htmlToImageByte
     * @Description: html 转换成byte数组
     * @Date: 2020/12/29 0029 21:16
     * *
     * @author: <achao1441470436@gmail.com>
     * @param: [html]
     * @returnValue: byte[]
     */
    public static byte[] htmlToImageByte(String html) {
        // 读取html
        HtmlImageGenerator imageGenerator = new HtmlImageGenerator();
        // 加载html模版
        imageGenerator.loadHtml(html);
        //获取图片
        BufferedImage image = imageGenerator.getBufferedImage();
        byte[] bytes = null;
        try (ByteArrayOutputStream os = new ByteArrayOutputStream()) {
            // 写如ByteArrayOutputStream
            ImageIO.write(image, "png", os);
            // 转成数组
            bytes = os.toByteArray();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return bytes;
    }
    public static void main(String[] args) {
        htmlSaveAsImage("<h1 color='red'>ruben</h1>", "D:\\file\\files\\target\\ruben.png");
        byte[] bytes = htmlToImageByte("<h1 color='red'>ruben</h1>");
    }
}

执行后结果

相关文章
|
4月前
|
前端开发 JavaScript 容器
制作b超单生成器, 假怀孕b超单图片制作, p图医院证明【css+html+js装逼恶搞神器】
本资源提供一个适合用于熟人之间恶搞的工具,效果逼真,仅供学习参考与娱乐。包含前端技术学习要点:语义化布局、响应式设计、Flexbox、图片自适应
|
9月前
|
移动开发 JavaScript 前端开发
【Html.js——图片折叠效果】折叠手风琴(蓝桥杯真题-1763)【合集】
本项目实现了一个图片折叠手风琴效果,使用jQuery完成。主要包括以下部分: - **介绍**:任务是通过点击图片实现折叠和展开的效果。 - **准备**:内置初始代码,包含 `css/style.css`、`images/` 文件夹、`js/` 文件夹及 `index.html` 等文件。启动 Web Server 服务可运行项目。 - **目标**:完善 `index.js` 文件,使页面达到预期的折叠效果。 - **规定**:严格按步骤操作,保持默认文件结构不变,并在完成后保持 Web 服务正常访问状态。 - **通关代码**:使用 jQuery 实现点击事件,为选中元素添加 `act
125 19
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
344 0
|
11月前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
157 1
利用html2canvas插件自定义生成名片信息并保存图片
|
移动开发
uni-app使用v-html输出富文本图片溢出解决
uni-app使用v-html输出富文本图片溢出解决
1127 1
|
12月前
HTML图片
【10月更文挑战第4天】HTML图片。
96 2
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片,多图合一并导出下载。无需本地安装软件。 下载时,使用日期时间作为文件名,规避图片文件名相同造成的覆盖问题;也能省去一部覆盖确认操作 多语言支持
185 0
在线将多张图片拼接起来图工具HTML源码
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
253 13
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
115 5
|
Python
Python 下载 html 中的 图片
Python 下载 html 中的 图片
125 2

热门文章

最新文章