canvas
3篇文章 · 0订阅
  • 网页截图的两种实现方案：html2canvas & puppeteer
    上礼拜做了一个需求：将网页上的内容按顺序保存为图片，并上传至OSS返回URL给后端生成PPT。这里主要分享如何将网页的上的内容保存为图片。至于保存为图片之后的事，比如直接保存为本地，或者上传至服务器等，这里就不探索了。 html2canvas是一个实现网页截图的库，允许你直接在…
    JavaScript
  • 纯前端 Canvas 实现 HTML 转图片，自动生成微信阅读卡片
    最近公司微信公众号想使用 Apple 式的圆角阴影卡片做文章推荐。这种效果用 Adobe XD 可以轻松做出来，但是没法要求所有编辑都去学习新软件，所以就打算用前端实现一个小工具。效果如下： 更新： 已增加 Electron，可打包成 dmg 或 exe 文件运行。详见 Git…
    HTML 前端 微信
  • 前端水印生成方案(网页水印+图片水印)
    前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操作有一定的提示作用。 Canvas兼容性 这里我们用canvas来生成base64图片，通过CanIUse…
    JavaScript Node.js Canvas