Qt/QML学习-Canvas图像处理

最新推荐文章于 2024-07-30 09:57:08 发布

放假当宅宅

最新推荐文章于 2024-07-30 09:57:08 发布

阅读量201

点赞数 3

分类专栏： Qt/QML学习文章标签： qt 学习

本文链接：https://blog.csdn.net/qq1138345424/article/details/140075923

版权

Qt/QML学习专栏收录该内容

44 篇文章 1 订阅

订阅专栏

QML学习

Canvas图像处理例程
视频讲解
代码

main.qml

    Canvas {
        anchors.fill: parent
        Image {
            id: myImage
            source: "qrc:/image.png"
            visible: false
            smooth: true                                                                // 启用平滑以改善缩放时的图像质量
        }
        onPaint: {
            var ctx = getContext("2d")
            ctx.translate(320, 240);                                                    // 3
            ctx.rotate(Math.PI / 2);                                                    // 4
            ctx.beginPath();                                                            // 5 设置裁剪路径
            ctx.rect(0, 0, 100, 100);                                                   // 5 创建一个100x100的矩形作为裁剪区域
            ctx.clip();                                                                 // 5 应用裁剪
            ctx.drawImage(myImage, 0, 0, myImage.width * 0.2, myImage.height * 0.2);    // 2
        }
    }