QML中使用canvas简单绘图

看到QT那么多元素都懒得说了，今天看到了Canvas，必须一说。

当然，QML我也在学习中，此博客是我的学习记录。

Canvas的中文翻译是帆布，也就是说它其实相当于我们的画布，这么一想，画图也就好理解了。

现在要实现的功能是画一个矩形，红边蓝内的。

代码；

import QtQuick 2.5
import QtQuick.Window 2.2

Window {
    visible: true
    width: 400
    height: 400
    Rectangle{
        id:rec
        x:50
        y:50
        width:250
        height: 250
        color: "gray"

    Canvas{      
       x:50
       y:50
       width: 150
       height: 150
    contextType: "2d"
    visible: true
    onPaint: {//绘图事件的响应
        context.lineWidth=20;
        context.strokeStyle="red";
        context.fillStyle="blue";
        context.beginPath();
        context.rect(10,0,120,120);//一定要注意画图的区域不能超过画布的大小，不然会看不到或者只看到一部分
        context.fill();