C# 将HTML文档、HTML字符串转换为图片

在.NET开发中,将HTML内容转换为图片的需求广泛存在于报告生成、邮件内容存档、网页快照等场景。Free Spire.Doc for .NET作为一款免费的专业文档处理库,无需Microsoft Word依赖,即可轻松实现这一功能。本文将深入解析HTML文档和字符串转图片两种场景的转换方案!

文章目录

    • Free Spire.Doc 简介
    • 场景1:通过C#将HTML文件转换为PNG图片(完整示例)
    • 场景2:通过C#将HTML字符串转换为JPG图片(动态内容处理)
    • 将HTML转换为其他图片格式
    • 结论

Free Spire.Doc 简介

核心优势:
• ✅ 100%免费:社区版可免费用于个人和商业用途(有页数限制)
• 🚀 零依赖:无需安装Microsoft Office
• 📁 高质量输出:支持PNG/JPEG/BMP等主流格式
• ⚙️ 简单API,几行代码即可完成转换

安装:
通过NuGet安装Free Spire.Doc

Install-Package FreeSpire.Doc

场景1:通过C#将HTML文件转换为PNG图片(完整示例)

以下是将本地 HTML 文档转换为 PNG 图片的完整代码示例:

using Spire.Doc;
using Spire.Doc.Documents;
using System.Drawing;
using System.Drawing.Imaging;namespace ConvertHtmlFileToPng
{class Program{static void Main(string[] args){// 将HTML文件加载到Document对象中Document document = new Document();document.LoadFromFile("示例.html", FileFormat.Html, XHTMLValidationType.None);// 将HTML文件转换为图片Image[] images = document.SaveToImages(ImageType.Bitmap);// 将图片保存为PNG格式for (int index = 0; index < images.Length; index++){images[index].Save("图片\\图_{0}.png", ImageFormat.Png);}// 释放资源document.Dispose();}}
}

代码解析:

  • 加载文档:使用 LoadFromFile 方法加载 HTML 文件,指定格式为 FileFormat.Html
  • 转换处理:通过 SaveToImages() 方法将HTML文件转换为图片,转换结果以 Image[] 数组形式返回,适合处理多页文档;
  • 图片处理:使用 ImageFormat 指定输出格式;
  • 资源管理:最后调用了 Dispose() 方法释放文档对象资源。

效果图:
HTML文件转图片

场景2:通过C#将HTML字符串转换为JPG图片(动态内容处理)

如果需要将动态生成的 HTML 字符串(如从数据库或 API 获取的内容)转换为图片,可使用以下代码:

using Spire.Doc;
using Spire.Doc.Documents;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;namespace ConvertHtmlStringToPng
{class Program{static void Main(string[] args){// 创建HTML字符串(示例)string htmlString = @"<html><head><style>body { font-family: Arial, sans-serif; margin: 20px; }.title { color: #333; font-size: 24px; font-weight: bold; }.content { color: #666; margin-top: 10px; }</style></head><body><div class=""title"">HTML字符串转换示例</div><div class=""content"">这是一段通过Free Spire.Doc转换为图片的HTML内容。</div></body></html>";// 创建Word文档Document document = new Document();// 将Html字符串添加到Word中Paragraph paragraph = document.AddSection().AddParagraph();paragraph.AppendHTML(htmlString);// 将Html字符转换为图片(此处假设HTML内容为单页,如需分页可参考上文逻辑)Image images = document.SaveToImages(0, ImageType.Bitmap);images.Save("HTML字符串转图片.jpg", ImageFormat.Jpeg);// 释放资源document.Dispose();}}
}

简单示例图:
HTML字符串转图片

注意事项:

  • HTML 格式规范:确保 HTML 字符串包含完整的 <html><head><body>等标签,否则可能导致样式解析失败;
  • 样式支持:Free Spire.Doc 支持大部分 CSS 样式,但复杂动画或 JavaScript 效果可能无法完全渲染(因其不依赖浏览器引擎);
  • 中文显示:若 HTML 包含中文,需确保运行环境已安装相应字体(或在 CSS 中指定通用字体如 font-family: ""Microsoft YaHei"", sans-serif;)。

将HTML转换为其他图片格式

若需将 HTML 转换为 JPG、BMP、GIF 等其他图片格式,只需修改 Image.Save 方法中的 ImageFormat 参数即可。

参考: https://learn.microsoft.com/en-us/dotnet/api/system.drawing.imaging.imageformat

结论

Free Spire.Doc for .NET 为.NET 开发者提供了简单高效的 HTML 转图片的解决方案,无论是本地 HTML 文档还是动态生成的 HTML 字符串,均可通过简单代码完成转换。其免费版满足基础需求,如需去除页数限制,体验更多高级功能,则申请一个月试用授权完整体验商业版。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.pswp.cn/news/907753.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【HTML-15.2】HTML表单按钮全面指南:从基础到高级实践

表单按钮是网页交互的核心元素&#xff0c;作为用户提交数据、触发操作的主要途径&#xff0c;其重要性不言而喻。本文将系统性地介绍HTML表单按钮的各种类型、使用场景、最佳实践以及高级技巧&#xff0c;帮助开发者构建更高效、更易用的表单交互体验。 1. 基础按钮类型 1.1…

吴恩达MCP课程(4):connect_server_mcp_chatbot

目录 完整代码代码解释1. 导入和初始化2. 类型定义3. MCP_ChatBot 类初始化4. 查询处理 (process_query)5. 服务器连接管理6. 核心特性总结 示例 完整代码 原课程代码是用Anthropic写的&#xff0c;下面代码是用OpenAI改写的&#xff0c;模型则用阿里巴巴的模型做测试 .env 文…

C++内存学习

引入 在实例化对象时&#xff0c;不管是编译器还是我们自己&#xff0c;会使用构造函数给成员变量一个合适的初始值。 但是经过构造函数之后&#xff0c;我们还不能将其称为成员变量的初始化&#xff1a; 构造函数中的语句只能称为赋初值&#xff0c;而不能称作初始化 因为初…

MySQL 大战 PostgreSQL

一、底层架构对比 ​​维度​​​​MySQL​​​​PostgreSQL​​​​存储引擎​​多引擎支持&#xff08;InnoDB、MyISAM等&#xff09;单一存储引擎&#xff08;支持扩展如Zheap、Zedstore&#xff09;​​事务实现​​基于UNDO日志的MVCC基于堆表(Heap)的MVCC​​锁机制​​…

基于FPGA的二叉决策树cart算法verilog实现,训练环节采用MATLAB仿真

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 (完整程序运行后无水印) MATLAB训练结果 上述决策树判决条件&#xff1a; 分类的决策树1 if x21<17191.5 then node 2 elseif x21>17191…

【RAG】RAG综述|一文了解RAG|从零开始(下)

文章目录 5. RAG的架构5.1 Naive RAG5.2 Advanced RAG5.2.1 检索前处理和数据索引技术5.2.2 知识分片技术5.2.3 分层索引5.2.4 检索技术5.2.4.1 优化用户查询5.2.4.2 通过假想文档嵌入修复查询和文档不对称5.2.4.3 Routing5.2.4.5 自查询检索5.2.4.6 混合搜索5.2.4.7 图检索5.2…

山东大学软件学院项目实训-基于大模型的模拟面试系统-面试官和面试记录的分享功能(2)

本文记录在发布文章时&#xff0c;可以添加自己创建的面试官和面试记录到文章中这一功能的实现。 前端 首先是在原本的界面的底部添加了两个多选框&#xff08;后期需要美化调整&#xff09; 实现的代码&#xff1a; <el-col style"margin-top: 1rem;"><e…

FPGA纯verilog实现MIPI-DSI视频编码输出,提供工程源码和技术支持

目录 1、前言工程概述免责声明 2、相关方案推荐我已有的所有工程源码总目录----方便你快速找到自己喜欢的项目我这里已有的 MIPI 编解码方案 3、设计思路框架工程设计原理框图FPGA内部彩条RGB数据位宽转换RGB数据缓存MIPI-DSI协议层编码MIPI-DPHY物理层串化MIPI-LVDS显示屏工程…

LXQt修改开始菜单高亮

开始菜单红色高亮很难看 mkdir -p ~/.local/share/lxqt/palettes/ mkdir -p ~/.local/share/lxqt/themes/ cp /usr/share/lxqt/palettes/Dark ~/.local/share/lxqt/palettes/Darker cp -p /usr/share/lxqt/themes/dark ~/.local/share/lxqt/themes/darker lxqt-panel.qss L…

DeepSeek-R1-0528-Qwen3-8B 本地ollama离线运行使用和llamafactory lora微调

参考: https://huggingface.co/deepseek-ai/DeepSeek-R1-0528-Qwen3-8B 量化版本: https://huggingface.co/unsloth/DeepSeek-R1-0528-Qwen3-8B-GGUF https://docs.unsloth.ai/basics/deepseek-r1-0528-how-to-run-locally 1、ollama运行 升级ollama版本到0.9.0 支持直接…

vue3 + WebSocket + Node 搭建前后端分离项目 开箱即用

[TOC](vue3 WebSocket Node 搭建前后端分离项目) 开箱即用 前言 top1&#xff1a;vue3.5搭建前端H5 top2&#xff1a;Node.js koa搭建后端服务接口 top3&#xff1a;WebSocket 长连接实现用户在线聊天 top4&#xff1a;接口实现模块化 Mysql 自定义 top5&#xff1a;文件上…

Vue 前端代码规范实战:ESLint v9、Prettier 与 Stylelint 集成指南与最佳实践

&#x1f680; 作者主页&#xff1a; 有来技术 &#x1f525; 开源项目&#xff1a; youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template &#x1f33a; 仓库主页&#xff1a; GitCode︱ Gitee ︱ Github &#x1f496; 欢迎点赞 &#x1f44d; 收藏 ⭐评论 …

docker docker-ce docker.io

Ubuntu安装 ​​更新软件包列表​​ 首先确保软件包列表是最新的&#xff1a; sudo apt-get update 使用正确的卸载命令​​ 替换 docker-engine 为 docker-ce 或 docker.io&#xff1a; sudo apt-get remove docker docker-ce docker.io containerd runc ​​检查已安装的 Do…

C++ 初阶 | 类和对象易错知识点(下)

目录 0.引言 1.初始化列表 2.static 静态成员变量&#xff1a; 静态成员函数&#xff1a; 3.友元函数 4.内部类 定义&#xff1a; 特点&#xff1a; 应用&#xff1a; 5.优化写法 6.例题 求和12...n (不能用for/while/if/else等关键字) 7.总结 0.引言 今天&…

使用yocto搭建qemuarm64环境

环境 yocto下载 # 源码下载 git clone git://git.yoctoproject.org/poky git reset --hard b223b6d533a6d617134c1c5bec8ed31657dd1268 构建 # 编译镜像 export MACHINE"qemuarm64" . oe-init-build-env bitbake core-image-full-cmdline 运行 # 跑虚拟机 export …

AWS WebRTC:获取ICE服务地址(part 3):STUN服务和TURN服务的作用

STUN服务和TURN服务的作用&#xff1a; 服务全称作用是否中继流量适用场景STUNSession Traversal Utilities for NAT 协助设备发现自己的公网地址&#xff08;srflx candidate&#xff09; ❌ 不中继&#xff0c;仅辅助NAT 穿透成功时使用TURNTraversal Using Relays around N…

分析XSSstrike源码

#用于学习web安全自动化工具# 我能收获什么&#xff1f; 1.XSS漏洞检测机制 学习如何构造和发送XSS payload如何识别响应中的回显&#xff0c;WAF&#xff0c;过滤规则等如何使用词典&#xff0c;编码策略&#xff0c;上下文探测等绕过过滤器 2.Python安全工具开发技巧 使…

npm run build 报错:Some chunks are larger than 500 KB after minification

当我们的 Vue 项目太大&#xff0c;使用 npm run build 打包项目的时候&#xff0c;就有可能会遇到以下报错&#xff1a; (!) Some chunks are larger than 500 kB after minification. Consider: - Using dynamic import() to code-split the application - Use build.rollup…

【LLM相关知识点】关于LLM项目实施流程的简单整理(一)

【LLM相关知识点】关于LLM项目实施流程的简单整理&#xff08;一&#xff09; 文章目录 【LLM相关知识点】关于LLM项目实施流程的简单整理&#xff08;一&#xff09;零、学习计划梳理&#xff1a;结合ChatGPT从零开始学习LLM & 多模态大模型一、大模型相关应用场景和头部企…

海上石油钻井平台人员安全管控解决方案

一、行业挑战与需求分析 海上钻井平台面临复杂环境风险&#xff08;如易燃易爆、金属干扰、极端气象&#xff09;和人员管理难题&#xff08;如定位模糊、应急响应延迟&#xff09;。传统RFID或蓝牙定位技术存在精度不足&#xff08;1-5米&#xff09;、抗干扰能力差等问题&am…