在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