公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。 插播一下，本文案例已整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可…

电子签名通俗来说就是通过技术手段实现在电子文档上加载电子形式的签名，其作用类似于纸质合同上的手写签名或加盖的公章。虽然电子签名多年来合法性一直遭到质疑，但其在企业工作流审批、请柬、单据保全等场景应用广泛，最近的项目中就有这样一个手写签名并生成PDF文件的需求。 1. 在tsx中…

最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。 制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报…

相信H5截图分享的功能大家都做过，而且会反复做。凡是反复做的事情，我都会想：“下一次怎么做得更好，或者更快”，毕竟我是一个“懒惰”而又“没有耐心”的人。懒惰驱动我提高生产力，没有耐心驱使我在同样一件事情上不断挖掘新的东西，否则容易在重复中失去耐心。 说到截图，大名鼎鼎的html…

下面的只是简单的加一个很浅的水印，实现起来很容易。 它的作用是在当前页面上增加了一个透明度只有0.005的很多的水印。水印内容“测试水印，saucxs，测试水印，songEagle，工号等”。 当然是需要使用者不知道这个页面有水印，保证一些信息的安全性以及泄露之后可以追踪到是谁…

我们的业务涉及电商、教育行业，出于营销以及功能需要，会有很多卡片展示（长按保存）的需求，或者分享长图的需求。以及我们有面向商家的PC端，商家端又能编辑、实时预览卡片的样式。 同样的卡片内容我们需要在两端以两种框架（vue react）分别维护。 考虑到依赖太大（ungzippe…

当视频能够预览并上传后，非要来一张视频第一帧的截图贴上，第一帧是黑的怎么办，下一帧。 在video标签上添加preload属性. 以上两种方式都可以成功截取到第一帧（截图方式方法不变），自动播放是否准确待验证，预加载属性已验证成功。 关于截取或者处理图片/视频/富文本编辑器，c…

项目涉及到移动端查看电子合同的问题，前前后后试了三种方案，真是一步一个坑，三种方案各有各的优点，不水，直接上代码，按照自己的需求选择。 直接使用vue-pdf插件，核心的代码是pdf.js，只不过就是自己封装了一下，优点是方便快捷，缺点是无法加载电子签章。 使用非常方便，尤其是…

今天带来的是实现一个简易的二维码海报分享的小组件！我们可以通过配置我们需要展示的数据，用户名啊，二维码图片等，整合在一起渲染，然后导出图片进行分享。 可以利用这个东东，可以做很多变形。例如生成表白网页等（手动滑稽） 目前这个东东只是一个小demo，没有做很细的组件拆分啊，can…