qt Canvas(二)

最新推荐文章于 2024-07-01 09:16:51 发布

昂德森科技

最新推荐文章于 2024-07-01 09:16:51 发布

阅读量310

点赞数

分类专栏： qml 文章标签： qt

本文链接：https://blog.csdn.net/weixin_48657573/article/details/120565058

版权

qml 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

Canvas加载图片：

import QtQuick 2.5
import QtQuick.Window 2.0
Window{
    visible: true;
    width: 1800;
    height: 1000;
    Canvas {
        width: 1500
        height: 940
        property var ok:"qrc:/new/prefix1/Image/1.png";
        onPaint: {
            var ct=getContext("2d");
            ct.drawImage(ok,0,0);
        }
        //异步load图片
        Component.onCompleted: loadImage(ok);
        onImageLoaded: requestPaint();
    }
}

在这里插入图片描述

Canvas变换：

import QtQuick 2.5
import QtQuick.Window 2.0
Window{
    visible: true;
    width: 1800;
    height: 1500;
    Canvas {
        width: 1000
        height: 1000
        contextType: "2d";
        onPaint: {
            context.lineWidth=2;
            context.strokeStyle="blue";
            context.fillStyle="red";
            context.save();

            context.translate(width/2,height/2);
            context.beginPath();
            context.arc(0,0,30,0,Math.PI*2);
            context.arc(0,0,50,0,Math.PI*2);
            context.arc(0,0,70,0,Math.PI*2);
            context.arc(0,0,90,0,Math.PI*2);

            context.stroke();
           
            //恢复之前画布大小
            context.restroe();
            //restroe 后 save
            context.save()；
        }
    }
}