网页中,html2canvas + jspdf 前端如何准确把指定 Dom 区域为 pdf 文件导出呢?
使用 html2canvas + jspdf 组合就可以了。
低层原理盲猜【有空也不会去看源码哈】,把 Dom 转 Image 再构建 pdf。Dom 转 Image 如何转?svg 的 forignObject 支持把 Dom 内嵌到 svg 里,然后可以通过给图片对象写入 base64 编码的 svg 流来实现。即: 继续阅读
使用 html2canvas + jspdf 组合就可以了。
低层原理盲猜【有空也不会去看源码哈】,把 Dom 转 Image 再构建 pdf。Dom 转 Image 如何转?svg 的 forignObject 支持把 Dom 内嵌到 svg 里,然后可以通过给图片对象写入 base64 编码的 svg 流来实现。即: 继续阅读
实现思路是先获取图片的宽高,比较一下大小然后设置图片的宽或者高为 100% 高或者宽为 auto;然后设置图片父元素为 flex 布局,其子元素(图片)上下左右居中 继续阅读
非常简单,直接调用 window.print()
即可,但会出现页面背景色 / 背景图片打印不出来的问题 继续阅读
当前业务需求要使用 tooltips 提示语组件时,很多人第一时间是去找各种开源组件来使用,但其实实现一个提示语还是比较简单的,布局出来后自己可以自由封装,应用到各种场景, 继续阅读
一般在 PC 端中使用 form 内嵌 input 输入框时,都知道在提交按钮(可以使用 type="submit"
的 input / button)来提交 form 前需要进行一些校验通过再把 form sumbit 给后端, 继续阅读
使用 html 标签 table 时,布局的方式很容易忘记,很多新手在调整表格的样式时浪费了不少的时间 继续阅读
处理 input 输入框时,搞移动端开发必然会遇到一些坑,如虚拟键盘被遮挡、虚拟键盘显示异常等、使用 fixed 布局失效等问题。本次提一个在使用 input 输入框结合做选择器组件时会遇到的一个坑,背景是点击输入框弹出一个时间、地址选择器。在 iphone 下 input 输入框设置了 readonly 依然出现光标、点击 input 依然会先出现虚拟键盘,导致交互不太友好 继续阅读
最近接盘一些老古董项目,需要使用原生 js / jQuery / jQuery Mobile 动态修改 radio、checkbox、select 的值,jQuery Mobile 还真是第一次用,用起来就踩了些坑,主要出现在动态修改 radio、checkbox、select 的值这里 继续阅读
项目中可能会遇到这样的简单需求,就是要点击相关的按钮在文本编辑器的光标处点插入相应的纯文本(不带格式粘贴);同时文本编辑器要求有不带格式粘贴 继续阅读