h5页面长按保存图片

由于之前几乎没有使用过canvas；今天遇到了一个很棘手的问题。canvas生成后，然后长按保存到手机。

正常的流程应该是先用canvas进行画图，然后再把canvas转成地址，最后再把转化的地址给img标签，这样就可以进行保存了

大家都知道，在手上访问H5页面的时候，长按图片就会把图片保存起来。(哭瞎~~我之前不知道，一直想把canvas直接长按保存；各种问度娘。好在知道了。)

话不多说了，上代码片段

html

初学者，有什么不对的地方，还请各位大佬多多指点一下

转载于:https://www.cnblogs.com/yutianA/p/9772044.html

h5页面长按保存图片相关推荐

「移动端」H5页面长按复制功能实现
本文主要介绍H5页面长按复制功能实现默认情况下禁止了长按复制功能,要此功能需要增加css声明:-webkit-user-select: auto;让整个页面可以长按复制:*{-webkit-user ...
html页面长按保存图片,h5长按保存图片
实现思路: 1.html 转为canvas 2.canvas 转为图片 3.下载保存图片 1.html 转为canvas 方案1:可以使用canvas 绘制方案2:使用插件 html2canvas ...
H5界面长按保存图片到图库(base64去掉头部带data:image/png)
我们都知道,IOS与Android在对H5页面上的处理是有区别的,举个例子: 最近公司要做一个在webView界面长按保存图片到图库里的一个功能.看起来,很简单嘛,我上个厕所的功夫,H5小哥刷刷的写完 ...
移动端」H5页面长按复制功能实现
默认情况下禁止了长按复制功能,要此功能需要增加css声明: user-select 属性规定是否能选取元素的文本. 在 web 浏览器中,如果您在文本上双击,文本会被选取或高亮显示.此属性用于阻止这种 ...
H5页面长按识别二维码
vue 写的H5 ,内嵌在小程序上 <img src="图片路径" style="width: 200px;background-size:100% 100%;he ...
uni-app 做H5页面长按复制问题
长按复制,官方有设置selectable 属性和user-select,当我都配置了时打包到不同手机上打开,出现了长按无法选中,并且选中后点击空白处也没法取消选中,有时候还出现了长按这里,但是选中的 ...
H5页面长按截图+保存页面截图到本地功能
利用的是html2canvas插件实现该该功能长按3秒后触发截图功能,并自动下载所截图片一次刷新只能触发一次功能 <!DOCTYPE html> <html> <he ...
关于ios在H5页面长按识别二维码无效
环境框架: vue 操作系统: ios 解决如果你的vue-router用了mode:history: 把它去掉用默认的就OK了转载于:https://www.cnblogs.com/ruthl ...
h5页面保存img_从微信H5点击保存图片说起
微信H5里保存图片,大都是通过长按操作,弹起actionsheet保存照片.但我们的部分用户是老年群体,不知道怎么进行"长按"操作.考虑到这个因素,产品要求实现点击保存按钮来保存图 ...

h5页面长按保存图片

h5页面长按保存图片相关推荐

最新文章

热门文章