Qt/QML学习-Canvas基础图形绘制

QML学习

• Canvas基础图形绘制例程
• 视频讲解
• 代码

main.qml

    Canvas {
        id: myCanvas
        anchors.fill: parent
        onPaint: {
            var ctx = getContext("2d")

            ctx.beginPath()
            ctx.rect(50, 50, 100, 100)                                              // 左上角坐标(50, 50)，长100，宽100
            ctx.stroke()

            ctx.beginPath()
            ctx.arc(200, 100, 50, 0*Math.PI, 1*Math.PI)                             // 圆中心坐标(200, 100)，半径50，绘制弧度从0到PI
            ctx.stroke()

            ctx.beginPath()
            ctx.moveTo(250, 100)                                                    // 直线起点(250, 100)
            ctx.