预期是想在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

展开全部
收起
7回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Rutledge

    19人对此回答表示赞同

    官方是否已经复现了这个情况!

    展开
    19
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Kenneth

    17人对此回答表示赞同

    第二种方法可以把cover-view稍微延迟一下再显示

    展开
    17
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 有口无心

    17人对此回答表示赞同

    好的,谢谢!

    展开
    17
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 墨离尘

    15人对此回答表示赞同

    图中哪一块是canvas?

    展开
    15
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 佩奇他小弟

    8人对此回答表示赞同

    用你的代码发现是乱的,能否提供一个完整的

    展开
    8
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 想回火星的怪力少女

    4人对此回答表示赞同

    那个底色白色的部分是canvas

    展开
    4
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Sebastian

    3人对此回答表示赞同

    请问有什么解决办法

    展开
    3
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部