简单图形

使用内置的Rectangle不透明,并且不能指定方向圆角.所以打算自已画框

简单矩形

Canvas{
        id:pen
        x:0
        y:0
        width: 50
        height: 50
        visible: true
        onPaint: {//绘图事件的响应
            var ctx = getContext('2d');
            ctx.lineWidth = 3;  //画笔宽度
            ctx.strokeStyle="black";  // 画笔颜色
            ctx.rect(0,0,30,20);    // 在 0,0 位置放置 30*20的一个矩形框
            ctx.stroke();
            //ctx.fill();   // 会填充矩形内部
        }
    }