qml中 canvas

在qml中，如果想进行绘图，可以使用Canvas。Canvas提供了类似HTML5 Canvas的API，可以在Canvas项中运行。在qml里创建一个Canvas并将画布清空为白色，可以使用以下代码：

Canvas{
id: canvas
anchors.fill: parent
onPaint: {
var ctx = getContext("2d")
ctx.fillStyle = "#FFFFFF"
ctx.fillRect(0, 0, width, height)
}
}

要画一个矩形框，可以使用以下代码：
ctx.beginPath()
ctx.rect(80, 80, 100, 70)
ctx.stroke()

要画一个填充矩形，可以使用以下代码：
ctx.fillStyle = "#4f4f4f"
ctx.fillRect(80, 80, 100, 70)

要画一个圆，可以使用以下代码：
ctx.beginPath()
ctx.arc(120, 120, 90, 0, 360)
ctx.stroke()

要画一个填充圆，可以使用以下代码：
ctx.beginPath()
ctx.arc(120, 120, 90, 0, 360)
ctx.fillStyle = "#4f4f4f"
ctx.fill()
ctx.stroke()

要画一条直线，可以使用以下代码：
ctx.beginPath()
ctx.moveTo(40, 40)
ctx.lineTo(120, 90)
ctx.stroke()

可以通过设置颜色、粗细来定制绘图的样式，例如：
ctx.strokeStyle = "#FF0000" // 边框颜色
ctx.fillStyle = "#FF0000" // 填充颜色
ctx.lineWidth = 5 // 笔头粗细

通过将所有功能组合在一起，可以创建一个简单的画板。