收藏
回答

小游戏canvas自由绘画线条真机调试和预览花屏

AppID 操作系统
wx1c5e6abcb1573b6d Android


const ctx = canvas.getContext('2d') // 创建一个 2d context

const screenWidth = wx.getSystemInfoSync().screenWidth

const screenHeight = wx.getSystemInfoSync().screenHeight


export default class Main{

constructor(){

    this.drawing()

}


drawing(){

    ctx.fillStyle = '#ffffff' // 矩形颜色

    ctx.fillRect(0, 0, screenWidth, screenHeight) // 矩形左上角顶点为(0, 0),右下角顶点为(100, 100)

    

    wx.onTouchStart(function(e){

        ctx.beginPath()

        ctx.moveTo(100, 200);

        ctx.lineTo(100, 300);

        ctx.stroke()

        ctx.closePath();

    })

}

}


回答关注问题邀请回答
收藏

1 个回答

  • 叶轩
    叶轩
    2019-10-18

    建议在requestAnimation中每帧清空以及绘制,否则由于GPU兼容性原因,部分Android机器会花屏

    2019-10-18
    有用
    回复
登录 后发表内容