html2canvas + jspdf 前端如何准确导出 pdf 文件?

网页中,html2canvas + jspdf 前端如何准确把指定 Dom 区域为 pdf 文件导出呢?

使用 html2canvas + jspdf 组合就可以了。
低层原理盲猜【有空也不会去看源码哈】,把 Dom 转 Image 再构建 pdf。Dom 转 Image 如何转?svg 的 forignObject 支持把 Dom 内嵌到 svg 里,然后可以通过给图片对象写入 base64 编码的 svg 流来实现。即: 继续阅读

使用 contenteditable=”true” 制作简单富文本编辑器常见问题

项目中可能会遇到这样的简单需求,就是要点击相关的按钮在文本编辑器的光标处点插入相应的纯文本(不带格式粘贴);同时文本编辑器要求有不带格式粘贴 继续阅读

使用 eclipse IDE 处理老 java jsp 前后端不分离项目,前端开发常见问题

近期要接盘一套老古懂的前后端不分离的 java jsp 项目,java 项目本地安装好本地环境 JDK8、eclipse、gradle。(JDK8 : https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html,Eclipse : https://www.eclipse.org/downloads/packages/,Gradle : https://gradle.org/releases/),后端帮忙配置好项目进来 Eclipse 并启动 tomcat 后然后就让我们自由发挥了。这里搞前端开发时会遇到哪些问题呢? 继续阅读

canvas 中如何实现文字换行?canvas 中如何实现 letter-space 效果?

canvas 使用过程中,我们经常会遇到到把文字换行的情况,canvas 要实现换行,并没有 css 中使用样式换行那么方便,但 canvas 提供测量工具函数 measureText 给你测出每个文字的宽度,然后自己用它来按需切割文本为多行,然后按需把多行一行一行地绘画到 canvas 上实现换行效果。在 canvas 要实现 letter-space 也没有太好的办法,但在 stackoverflow 中,有人提出一种比较有效的近似的办法, 继续阅读

Json 转 csv 下载的 Js 实现方法 / Blob 导出 csv 出现中文乱码解决方案

Json 转 csv 并实现下载的 Js 实现方法封装 / Blob 导出 csv 时使用 excel 打开会出现中文乱码的解决方案(其实就是在 csv 数据前添加一个 ‘\ufeff’)如下:

这里使用 json 转 csv 直接使用 json2csv 这个非常方便好用的 npm 包,node 下直接执行 npm install json2csv 安装依赖包 继续阅读