5554关注16336浏览
预期是想在canvas上做一个关闭的小叉,在右上角;
当我用第一种方式写的时候,所有ios出现了定位偏差的问题,安卓没有
一、wxml:
<view class='canvasCon' style="width:670rpx;height:850rpx" catchtap='closecanvas2'>
<canvas canvas-id="myCanvas" class="canvas">
<cover-view bindtap='closecanvas' class="canvasView">
<cover-image class="canvasImg" src="https://cms.hylpz.cn/data/images/common/close.png"/>
</cover-view>
</canvas>
<view class="canvasButton" catchtap='canvasToTempFilePath'>保存图片</view>
</view>
..
wxss:
.page .canvasBox .canvasCon{
top: 50%;
left: 50%;
margin-left: -335rpx;
margin-top: -500rpx;
position: relative;
border-radius: 20rpx;
z-index: 999;
background: #fff;
}
.page .canvasBox .canvasCon .canvasView{
display: block;
width: 44rpx;
height: 44rpx;
position: absolute;
top:20rpx;
right: 20rpx;
z-index: 1000;
}
安卓展示:
ios展示:
于是我想个办法解决这个问题,就是把 <cover-view>拿出来,不放在canvas标签里;
二、wxml:
<view class='canvasCon' style="width:670rpx;height:850rpx" catchtap='closecanvas2'>
<canvas canvas-id="myCanvas" class="canvas">
</canvas>
<view class="canvasButton" catchtap='canvasToTempFilePath'>保存图片</view>
<cover-view bindtap='closecanva
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Rutledge
19人对此回答表示赞同
官方是否已经复现了这个情况!
展开190回复分享发布于 6年前评论(0)
收起评论
-
Kenneth
17人对此回答表示赞同
第二种方法可以把cover-view稍微延迟一下再显示
展开170回复分享发布于 6年前评论(0)
收起评论
-
有口无心
17人对此回答表示赞同
好的,谢谢!
展开170回复分享发布于 6年前评论(0)
收起评论
-
墨离尘
15人对此回答表示赞同
图中哪一块是canvas?
展开150回复分享发布于 6年前评论(0)
收起评论
-
佩奇他小弟
8人对此回答表示赞同
用你的代码发现是乱的,能否提供一个完整的
展开80回复分享发布于 6年前评论(0)
收起评论
-
想回火星的怪力少女
4人对此回答表示赞同
那个底色白色的部分是canvas
展开40回复分享发布于 6年前评论(0)
收起评论
-
Sebastian
3人对此回答表示赞同
请问有什么解决办法
展开30回复分享发布于 6年前评论(0)
收起评论