使用canvas绘制，在真机上就是绘制不出来

分类：uni-app

使用canvas绘制，封装到组件中，在mounted方法中调用draw,在h5是好的，在真机上就是绘制不出来。有大佬指点一二没？
组件：

<template>  
    <canvas canvas-id="ayy" class="ayy"></canvas>  
</template>  

<script>  
    export default{  
        name: "myCanvas",  
        mounted() {  
            console.log("mounted");  
            this.drawCircle();  
        },  
        methods:{  
            drawCircle(){  
                console.log("aa");  
                let ctx = uni.createCanvasContext("ayy");  
                console.log(ctx);  
                ctx.setStrokeStyle("#000000");  
                ctx.setLineWidth(6);  
                ctx.beginPath();  
                ctx.arc(50, 50, 50, 0, 2 * Math.PI);  
                ctx.stroke();  
                ctx.draw();  
            }  
        }  
    }  
</script>

使用：
<template>
<view>
<my-canvas></my-canvas>
</view>
</template>