盛世清平~Qt quick学习笔记_17

画布：

 Canvas{

        width:320;

        height:240;

    }

画师：

Canvas{

        onPaint: {

            var ctx = getContext("2d");

        }

    }

画笔：

粗细：lineWidth

颜色：strokeStyle

画刷：fillStyle

坐标系：

图元：编辑的最小图形单位

 Canvas{

        //定义一个Canvas对象，设置width，height

        width:320;

        height:240;

        //定义onPaint信号处理器

        onPaint: {

            //获取Context2D对象

            var ctx = getContext("2d");

            //实际绘图操作

            ctx.lineWidth = 2;

            ctx.strokeStyle = "red";

            ctx.fillStyle = "blue";

            ctx.beginPath();

            ctx.rect(100,80,120,80);

            ctx.fill();

            ctx.stroke();

        }

    }

Context2D对象是QML中负责2D绘图的对象，与Canvas结合使用

调用getContext("2d")获取Context2D对象

设置对象的contextType属性，context属性就会保存一个可用的Context2D对象