画布:
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对象