盛世清平~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對象