简单图形

使用内置的 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();   // 会填充矩形内部}
    }