Html2Canvas
5篇文章 · 0订阅
  • 微信小程序--通过canvas生成图片并保存到本地
    需求场景：我们知道，微信小程序可以分享给好友或者微信群，不能分享到朋友圈，那分享到朋友圈就需要特殊处理一下，这里我们把小程序和canvas结合起来使用，生成自定义图片并保存到本地。 canvas的drawImage方法只支持本地图片，不支持网络图片，所以头像和背景图我都用get…
    微信小程序
  • html2canvas的踩坑之路
    早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas的详细介绍可以点击这里查看,其实简单来说就是通过canvas将HTML生成的DOM节…
    Node.js Vue.js
  • 一文彻底解决H5页面中长按保存图片
    本文详细介绍了如何在H5中实现长按保存图片的功能。 1. html2canvas截屏 2. canvas2Image转化为图片 一般情况下转为jpeg格式就很不错了。 3. 长按保存图片 先实现一个长按的方法，长按之后把生成的图片append到body，透明浮在屏幕上。 4. …
    Canvas
  • domtoimage -- html转化为图片
    这段时间的工作中，一直在做canvas类的H5，开发的过程中很关键的一部分是将dom节点转化为图片。起初是用html2canvas来做的，做完之后感觉图片清晰度的效果不是很好，然后就再GitHub上找到 domtoimage这个js插件换了之前html2canvas。更换后不仅…
    SVG 前端 JavaScript
  • 一次 H5 「保存页面为图片」 的踩坑之旅
    1. 需求 最近丁香医生的产品大佬又双叒叕搞事情，想要在 H5 中做一个医生邀请提问的功能，可以将医生的二维码名片分享出去，支持移动、PC 和微信。之前的图片是由后端生成的，并且会缓存三天，导致信息更新不及时。由前端来做就能避免这些问题。 2. 方案 html2canvas.j…
    HTML 微信 Canvas