微信中如何长按图片保存的是另一张图片

最新推荐文章于 2022-11-18 11:26:09 发布
最新推荐文章于 2022-11-18 11:26:09 发布
阅读量1.3w 收藏 4
点赞数 1
分类专栏： 前端开发 CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w20101310/article/details/60580241
版权

想要用户保存的图片,置顶,透明度为0就可以了(可以设置为0.01,设置为0时在有些机器下有bug)

在处理canvas合成图片需要长按保存时,也比较有用

当然相反的还有另一种方法，想保存的图片置底，上层图片或元素设置pointer-events:none。（可以实现长按任何元素弹出和长按图片一样的选项，保存的也是叠底的图片）
一颗小行星!
关注
专栏目录
【纪念】微信公众号H5如何解决无法长按保存图片的问题
qq_38212421的博客
08-24 3664
首先全局搜索有没有img标签下使用了pointer-events：none这个样式 当时我全局是搜到了这个样式，然后就把它注释掉，但是我写的那个弹窗的图片还是长按不了，中间修改并且测试，又换了base64，简直是摧残人的心灵，改了好久最后还是通过改样式才好，折腾了好久，我下面贴一下我写的代码： css部分 img { pointer-events: auto; } .share-box { position: fixed; width: 16rem; height: 20.4rem; b
html2canvas.js 长按页面保存为图片的功能实现
10-09
html2canvas.js 长按页面保存为图片的功能实现html2canvas.js 长按页面保存为图片的功能实现html2canvas.js 长按页面保存为图片的功能实现html2canvas.js 长按页面保存为图片的功能实现html2canvas.js 长按页面保存为图片的功能实现html2canvas.js 长按页面保存为图片的功能实现
微信图片另存失败？这得从SNI说起
u010852160的博客
07-07 1239
开发者（KaiFaX） 面向开发者、程序员的专业平台！ 一、从一个微信Bug说起 问题：在微信Android客户端，一张七牛CDN上的HTTPS链接的图片，用微信浏览器打开可以正常访问，但是，长按图片保存时，却提示下载图片失败。 发现这个问题后，我用了一个简单的测试用例，很快就定位到问题原因。 从这个测试
JS通过html2canvas插件实现截图功能（长按保存图片）
weixin_45739770的博客
02-11 714
JS截图 长按图片保存
js让页面生成图片长按保存
最新发布
weixin_45557439的博客
11-18 910
js生成图片，长按保存。
将图片贴到另一张图片显示
sphone89的专栏
05-25 1586
<br />    IplImage* dst=cvLoadImage("f://lena.jpg",1); //声明IplImage指针<br />    IplImage* pImg=cvLoadImage("f://test2.png",1);<br />   <br />     CvRect rect_t=cvRect(10,10,pImg->width,pImg->height);<br />        //10,10为起点<br />        cvSetImageROI(dst,re
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
10-16
除了预览图片，还需要实现长按图片时的保存功能。这通常需要调用微信提供的`wx.saveImageToPhotosAlbum`接口，并且可能需要用户授权。保存图片后，可以在小程序的相册中找到该图片。 识别带参数二维码也是一个常见...
【微信开发笔记】常见的长按保存图片功能的实现方式及清晰度优化方式
俞祥胜的.Net进阶之旅
01-23 1万+
网上有很多实现的方式， 目前尝试成功的是使用html2canvas.js，canvas2image来实现的。 实现的过程中也遇到了，跨域图片问题，图像不清晰问题，刚好看到下面这篇文章，里面有解决清晰度的问题 参考文档
实现[微信]H5长按保存图片功能
热门推荐
东小记的博客
10-15 2万+
通过js插件html2canvas实现 a.下载html2canvas.js（github地址：https://github.com/niklasvh/html2canvas/releases/、官网地址：http://html2canvas.hertzen.com/） b.个人需求实现 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;
微信小程序长按图片，实现保存、转发、识别图中二维码
sxs7970的博客
02-25 6133
在小程序image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别 但是通过wx.previewImage只能实现保存，转发，小程序 只能识别 小程序二维码，别的不能实现。 <image src="{{url}}" data-src="{{url}}" bindtap="previewImage"></image> Pa...
一文彻底解决H5页面中长按保存图片
weixin_45189747的博客
06-09 1万+
本文详细介绍了如何在H5中实现长按保存图片的功能。 长按保存图片是现在一些宣传页H5中很常见的需求，但是js没有这样的能力，所以要么借助android或ios的原生能力,要么用canvas自己画一个（截屏），相比较原生成本太高，且必须依赖于app，相对于流传性很广且跨平台的H5来说不合时宜，所以canvas成为我们常用的手段。 下面是详细的步骤： 1. html2canvas截屏 保存的图...
微信二维码图片长按没有出现“识别图中的二维码”
weixin_34408717的博客
08-20 1万+
2019独角兽企业重金招聘Python工程师标准>>> ...
H5页面长按保存图片的功能
idweiwei的博客
01-24 8561
1.使用CSS属性 -webkit-touch-callout:default; 可以编辑使改元素长按可保存，但是注意着只是写入了 草案的一个属性。但是在实际使用中并没有发现问题   2. 在需要对元素垂直居中的时候可以使用 position:absolute; top:50%; tranform:translateY(-50%） 使用元素垂直居中，因为transform 百分比对...
微信H5实现网页长按保存图片及识别二维码
weixin_34335458的博客
08-19 1万+
实现微信H5实现网页长按保存图片及识别二维码 使用工具 html2canvas 官方文档 html2canvas.hertzen.com/ canvas2image github.com/hongru/canv… 实施方案 将DOM 使用html2canvas转化成cavas对象 再将cavas对象使用canvas2image(封装toDataUR方法L)转化为png、jpeg等格式 操作步骤...
微信环境中base64图片不能正常保存
面朝大海，春暖花开
04-13 2971
微信环境中base64图片不能正常保存 浏览器中查看 base64的图片能正常保存，但是在微信环境中保存之后 却是一张黑图 什么原因呢？？
IOS长按图片 无法保存，苹果safari 处理长按图片保存问题
业余前端的职业经历
12-03 1万+
我们在苹果手机上会发现，我们在微信的内置浏览器打开是可以长按图片保存的，但是safari浏览器 有的图片是不能保存的 可能很多网友会看到一些博客 上说开启一个 css属性就可以了 在图片上。加上一个 ， img { -webkit-touch-callout： default; } 这个属性其实最早也是在ios浏览器上实现的，最后被webkit内核的浏览器引进了，因为长按一个元素会显示出这个元素的一些信息，所以被ios浏览器默认给禁止了，你可以选择性开启哈 其实ios安全性上考虑的确实全面哈 d
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一颗小行星!

恰饭ing

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值