首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

教你使用go把html转成pdf

一 前言 目前html转换成pdf技术已经非常的成熟了,总的概括下来分那么两种,一是通过浏览器的Print功能,代码模拟浏览器的Print操作,或者调用浏览器内核Print功能把html的网页转换成...PDF文件,这种方式要求html的代码符合W3C规范,比较严格,并且需要浏览器支持Print操作。...其二是一些第三方库可以将HTML渲染转换为PDF,这些库转换出来的PDF文件还可以通过修改CSS样式进行对PDF文件编辑,比较灵活,下面我们对这两种情况使用golang进行演示。...二 HTML转PDF2.1 浏览器Print我们都知道Chrome是支持print功能的,比如右键当前页面就会出来一个菜单如下:那么这里点击“打印...”就会出现如下页面,就可以另存为PDF了。...三 总结本文介绍了使用golang如何将html转换成pdf的过程。演示了基于chrome的开发工具和基于wkhtmltopdf第三方库的简单使用方法,均将页面最终转换为pdf文件。

1.8K32
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 itext html转成pdf的正确姿势

    itext html2pdf 网上一些资料不全面,网上很多例子不太靠谱,有很多坑,这里给出工具和常见的坑,可以少走很多弯路。 支持html前端分页符和避免分页的属性。...1、优势 转换效果非常理想 不需要安装软件 2、依赖3个包  https://mvnrepository.com/artifact/com.itextpdf/html2pdf/2.1.0 https:/...; import com.itextpdf.html2pdf.HtmlConverter; import com.itextpdf.html2pdf.attach.impl.layout.HtmlPageBreak...*/ private static final String FONT_RESOURCE_DIR = "/font"; /** * @param htmlContent html...Html尽量规范 html不支持float样式(关键字) 不要设置表格最小宽度 ---- 创作不易,如果本文对你有帮助,欢迎点赞、收藏加关注,你的支持和鼓励,是我创作的最大动力。

    2.6K20

    用Node.js把HTML转成PDF格式

    翻译:疯狂的技术宅 原文:https://blog.risingstack.com/pdf-from-html-node-js-puppeteer/ 在本文中,我将展示如何使用 Node.js、Puppeteer...另外还有一些特殊的请求来操纵布局,并对 HTML 元素进行一些重新排列。因此与原始的 React 页面相比,PDF 中应该有不同的样式和额外的内容。...我们可以使用两个包来实现: Html2canvas,根据 DOM 生成截图 jsPdf,一个生成PDF的库 开始编码: npm install html2canvas jspdf 1import html2canvas...请注意 html2canvas 的 onclone方法。当你在截图之前需要操纵 DOM(例如隐藏打印按钮)时,它是非常方便的。我看到过很多使用这个包的项目。...但是如果你的目标是直接生成一个 PDF 文件,而不是对一个已经存在的(并且不断变化的)HTML 页面进行转换,它还是很有用的。

    6.6K30

    Javascript将HTML转成PDF并下载「支持多页」

    HTML转化成PDF 如何把HTML页面转化成PDF文件并下载呢?这篇文章给你答案,使用Javascript 将html转成pdf下载,并且支持多页。...html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行"截图"。.../demo1.html html2canvas example ....../demo4.html 生成pdf需要把转化的元素添加到jsPDF实例中,也有添加html的功能,但某些元素无法生成在pdf中,因此可以使用html2canvas + jsPDF的方式将页面转成pdf。...累的话 :)可以看看下面这种方法 多页 我提供的思路是我们只生成一个canvas,对就一个,转化元素就是你要转成pdf内容的母元素,在这篇demo里就是body了;其他不变,也是超过一页内容就addPage

    3.8K20

    如何用一条命令将网页转成电脑 App

    所以,如果能将这些常用的或者重度依赖的网站转成客户端软件,那就再方便不过了。 比如我用的是 Mac,把 GitHub 转成客户端软件之后,我习惯性用 Alfred 呼出: ?...然后就打开了一个 GitHub.app: ? 然后把它固定到 Dock 栏上: ? 就仿佛拥有了一个 GitHub 的客户端,功能与网页一模一样,再也不用在浏览器里面切来切去。...另外它支持三大操作系统,Windows、Linux、Mac,即用它可以将网页转成 .exe、.app 等格式。 安装 那么这软件究竟具体怎么来使用呢,第一步当然就是安装了。...•在 Mac 上需要安装 iconutil、imagemagick,这两个依赖是为了帮助程序处理 App 的 icon 的。...好了,这就是 nativefier 的基本用法,有了它我们就可以随意地将网页转成客户端软件了,快来试试吧!

    1K30

    如何用一条命令将网页转成电脑 App

    所以,如果能将这些常用的或者重度依赖的网站转成客户端软件,那就再方便不过了。 比如我用的是 Mac,把 GitHub 转成客户端软件之后,我习惯性用 Alfred 呼出: ?...然后就打开了一个 GitHub.app: ? 然后把它固定到 Dock 栏上: ? 就仿佛拥有了一个 GitHub 的客户端,功能与网页一模一样,再也不用在浏览器里面切来切去。...另外它支持三大操作系统,Windows、Linux、Mac,即用它可以将网页转成 .exe、.app 等格式。 安装 那么这软件究竟具体怎么来使用呢,第一步当然就是安装了。...•在 Mac 上需要安装 iconutil、imagemagick,这两个依赖是为了帮助程序处理 App 的 icon 的。...注意 在使用过程中我发现 name 参数对中文的支持并不好,总会生成一个 APP 的客户端,在这里推荐 name 使用英文名称,比如知乎用 Zhihu,微信平台用 WXMP 等等。

    1.4K30

    Ionic:高级的 HTML5 移动APP(Web App)开发框架

    Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的混合APP 开发框架,采用 Sass与AngularJS 开发。目前,Ionic 仍然处于临测试状态( alpha )。...相信未来会成为开发者开发 HTML5 应用的一个不错的选择。 ? ?...It’s inand it looks like a very promising framework for developing hybrid mobile apps in HTML5....Jeff 看他们的主页本身有点ios7 的风格,其实老外说是 mobile app,但我不清楚是否是web app,只是看样子是web app。...Jeff 也始终觉得,web app 才是未来,而非像现在这样的客户端形式的app。本文的目的在于收集资源,具体该如何进行使用尚未深入了解——一旦有需要,我才会去自动了解。

    3K90

    技术分享|如何运用FinClip轻松将微信小程序转成商业App

    为了争夺客户,APP上各类活动资讯、优惠券、热点推送等等的消息通知,不时的版本更新,泛滥的APP正逐渐吞噬用户的时间和精力,让用户烦不胜烦,变为用户的负担。最终,绝大多数的APP只是被搁置不用。...比如说,将用户基础庞大的微信小程序,一键转化成商用APP?两大难题众所周知,将微信小程序转成商用App,需要考虑两大“难题”。...那有没有不改一行代码,将微信小程序转成商业App的方法?国内技术市场快速发展的今天,真的有能简单解决此问题的技术产品,比如说FinClip。...3、编译成功的FinClip小程序,可以使用FIDE中的「小程序一键生成App」功能进行App工程文件的输出。...只需将FinClip App工程文件连同微信SDK一同打包如新的App中,新App中就能够调用微信支付的能力。科技发达的意义是让生活更便捷,而非增加用户负担。

    60110
    领券