微信长按保存html2canvas生成的图片

qq_25656031 2016-04-01 11:32:13

安卓手机在微信内长按保存html2canvas生成的图片，提示保存失败，但是可以在相册中找到图片，图片只是截屏。在iOS上没这个问题，有没有遇到的，为什么？

...全文

1206 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2016-04-01

打赏
举报

回复

http://bbs.csdn.net/topics/391848075?page=1#post-400993923

最近用QRCode.js 生成二维码之后，发现在小米和华为手机的微信上面页面长按识别不了，苹果和其他手机浏览器是正常的。qrcode在页面生成会生成一个canvas标签和一个img标签，在电脑浏览器上调试的时候发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，然后通过vConsole 发现在小米或者华为手机上生成的二维码是通过canvas展示的，img标签被隐藏，而且img.src没有任何内容。怀疑是浏览器兼容问题。 jquery.qrcode.js 是一个纯浏览器生成 QRcode 的 jQuery 插件（（可以从https://github.com/jeromeet

主要介绍了jQuery实现微信长按识别二维码的功能，非常不错，具有参考借鉴价值，对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧

今天用uniapp写小程序二维码并保存到本地，网上的完全没有用，最后自己写了一个， 1.使用weapp.qrcode生成二维码，并使用uni.canvasToTempFilePath生成临时图片文件， 2.使用canvas绘制二维码， 3.使用uni.canvasToTempFilePath生成图片文件，然后uni.saveImageToPhotosAlbum保存到本地

本文详细介绍了如何在H5中实现长按保存图片的功能。长按保存图片是现在一些宣传页H5中很常见的需求，但是js没有这样的能力，所以要么借助android或ios的原生能力,要么用canvas自己画一个（截屏），相比较原生成本太高，且必须依赖于app，相对于流传性很广且跨平台的H5来说不合时宜，所以 canvas 成为我们常用的手段。下面是详细的步骤： 1. html2canvas截屏保存的图片节点最好是img标签：想要截屏的节点最好是img标签的图片，经测试如果是 background-image 会有点模糊，需要特别注意下。 npm i html2canvas --save impor

项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。需求利用微信强大的社交能力通过小程序达到裂变的目的，拉取新用户。生成的海报如下需求分析 1、利用小程序官方提供的api可以直接分享转发到微信群打开小程序 2、利用小程序生成海报保存图片到相册分享到朋友圈，用户长按识别二维码关注公众号或者打开小程序来达到裂变的目的实现方案一、分析如何实现相信大家应该都会有类似的迷惑，就是如何按照产品设计的那样绘制成海报，其实当时我也是不知道如何下手，认真想了下得通过canvas绘制成图片，这样用户保存这个图片到相册，就可以

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章