截图
6篇文章 · 0订阅
  • h5全屏活动页面，canvans截图总结
    使用background。进行截图,截出来的图片会不清楚，苹果手机生成base64时没有进行到回调（目前不知道什么原因，安卓手机正常）建议用img替换，不用background。 上传图片时会出现图片翻转，input输出是竖图，canvans转换没准就是横图，需要拿到照片设备信…
    Canvas
  • 一次 H5 「保存页面为图片」 的踩坑之旅
    1. 需求 最近丁香医生的产品大佬又双叒叕搞事情，想要在 H5 中做一个医生邀请提问的功能，可以将医生的二维码名片分享出去，支持移动、PC 和微信。之前的图片是由后端生成的，并且会缓存三天，导致信息更新不及时。由前端来做就能避免这些问题。 2. 方案 html2canvas.j…
    HTML 微信 Canvas
  • 微信长按网页保存为截图
    H5项目中的一个重要功能需求：实现微信长按网页保存为截图。 将整个网页保存为图片是一个十分有趣的功能，常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。 方案1：需要手动计算每个DOM元素的Computed Style，然后需要计算好元素在canvas的大…
    Canvas 微信 图片资源
  • [学习笔记] 使用 HTML 实现截图
    最近项目需求总是有HTML页面生成图片功能，所以就想记录一下自己在过程中遇到的问题，并加深印象，日后如果忘了也可以回顾。我们项目使用的是html2canvas插件，还有其他插件，例如dom-to-image、rasterizehtml，可以根据需求使用。 由于像素比（DPR =…
    前端 HTML
  • 浅析 js 实现网页截图的两种方式
    html2canvas.js vs rasterizeHTML.js
    前端 Canvas SVG
  • 一款实用的前端截图工具
    这是一款基本涵盖了截图所有功能的截图工具。 如上图所示，用户可对截图框进行拖拽，并且工具栏能随着截图框与可视区域的位置动态显示在可视区域范围内。 如上图所示，用户可拖动截图框四周的拖拽点以及拖拽线进行随意拖动。 如上图所示，用户可使用工具栏中的各个工具对截图进行绘制。工具栏从左…
    前端 NPM GitHub