收藏
回答

对canvas使用overflow在真机上出现问题

问题模块
API和组件

在canvas的父元素使用overflow时,在开发者工具上是没问题的,超出部分隐藏,可是在真机上,用canvas画的元素没有超出隐藏。

代码如下:

wxml:

 <view class="canvas-wrap">

            <canvas bindtouchstart="start" canvas-id="canvas" style="width:{{width}}rpx;height:{{height}}rpx;background-color: rgb(128,64,0);"/>

</view>

wxss:

.canvas-wrap{

    /*height: 600rpx;*/

    /*border: 1px solid #ccc;*/

    width: 700rpx;

    height: 700rpx;

    margin: 20rpx auto;

    box-sizing: border-box;

    overflow: hidden;

}

js:

var width = 1046,//画布的宽,单位rpx


height = 1046,//画布的高,单位rpx


最后一次编辑于  2017-04-14  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 丶卑微的恋爱
    丶卑微的恋爱
    2018-07-27

    我也用的是这种方法, 但在iphoneX中会显示出来。

    请问你的问题解决了吗?

    2018-07-27
    赞同
    回复