希望你将上述的程序整合为一个可执行的代码

好的，以下是整合后的可执行代码，你可以在QT Creator中新建一个QML文件，将以下代码复制到文件中并保存，然后运行即可：

import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
    width: 800
    height: 600

    Canvas {
        id: canvas
        width: parent.width
        height: parent.height
        backgroundColor: "white"

        transform: Scale {
            id: canvasScale
            origin.x: canvas.width / 2
            origin.y: canvas.height / 2
            xScale: 1
            yScale: 1
        }

        onPaint: {
            var ctx = getContext("2d")
            ctx.lineWidth = 2
            ctx.strokeStyle = "black"
        }

        onMouseXChanged: {
            if (mouseArea.isPressed) {
                var ctx = getContext("2d")
                ctx.beginPath()
                ctx.arc(mouseX, mouseY, 20, 0, 2 * Math.PI)
                ctx.stroke()
            }
        }

        MouseArea {
            id: mouseArea
            anchors.fill: parent

            onClicked: {
                var transform = Qt.createQmlObject("import QtQuick 2.15; Transform {}", canvas)
                transform.origin.x = mouseX
                transform.origin.y = mouseY
                canvas.transform = transform
            }

            onWheel: {
                canvasScale.xScale += wheel.angleDelta.y / 120
                canvasScale.yScale += wheel.angleDelta.y / 120
            }
        }
    }

    Button {
        id: drawButton
        text: "Draw Circle"
        anchors.centerIn: parent

        onClicked: {
            // Do something
        }
    }
}

有一点需要注意的是，上述代码中的绘制圆形的代码是没有实现的，你需要在按钮的onClicked事件中添加相应的代码来完成绘制圆形的功能。