如何在Qt QML TableView单元格中画圆？

import QtQuick 2.0

Item {
    property color color: "red" // 圆的颜色，默认为红色

    // 重写绘制函数
    onPaint: {
        var ctx = getContext("2d");
        ctx.fillStyle = color;
        ctx.beginPath();
        ctx.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI);
        ctx.closePath();
        ctx.fill();
    }
}

import QtQuick 2.0

TableView {
    // ...

    delegate: Item {
        width: 50
        height: 50

        // 创建圆形组件
        CircleItem {
            color: "blue" // 设置圆的颜色为蓝色
            anchors.centerIn: parent
        }
    }
}