QML Canvas 绘制图像 编程

QML（Qt Meta-Object Language）是一种用于构建用户界面的声明性语言。它具有丰富的绘图能力，其中的Canvas元素允许开发者在应用程序中绘制图像、图表和其他自定义图形。本文将介绍如何使用QML的Canvas元素进行图像绘制编程，并提供相应的源代码示例。

首先，我们需要创建一个QML文件，命名为"CanvasExample.qml"。在该文件中，我们将定义一个Canvas元素，并使用JavaScript编写一些绘图逻辑。

import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
    width: 400
    height: 400

    Canvas {
        id: canvas
        anchors.fill: parent

        onPaint: {
            var ctx = getContext("2d")

            // 设置绘图样式
            ctx.lineWidth = 2
            ctx.strokeStyle = "blue"
            ctx.fillStyle = "yellow"

            // 绘制矩形
            ctx.fillRect(50, 50, 200, 100)
            ctx.str