qml canvas

最新推荐文章于 2025-08-13 08:58:39 发布

原创最新推荐文章于 2025-08-13 08:58:39 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

qt 专栏收录该内容

20 篇文章

订阅专栏

博客主要提及了基本绘图相关内容，但未给出更多详细信息。

文章目录

基本绘图

基本绘图

在这里插入图片描述

//main.qml

import QtQuick 2.6
import QtQuick.Window 2.2

Window {
    visible: true
    width: 800
    height: 600
    title: qsTr("Hello World")
    Canvas {
        id : canvas
        anchors.fill: parent
        width: 740
        height: 680
        onPaint: {
            var ctx = getContext("2d");
            ctx.save();                 //保存画笔设置
            ctx.beginPath();            //开始绘制
            ctx.lineWidth = 20;         //画笔宽度
            ctx.strokeStyle="#000000";  //画笔颜色
            ctx.moveTo(0, 0);           //画笔起始点
            ctx.lineTo(50, 100);        //绘制一条线
            ctx.stroke();               //绘制
            ctx.restore();              //还原上一次保存的画笔设置

            ctx.save();                 //保存画笔设置
            ctx.beginPath();            //开始绘制
            ctx.lineWidth = 20;         //画笔宽度
            ctx.strokeStyle="#57FF0C";  //画笔颜色
            ctx.moveTo(0, 0);           //画笔起始点
            ctx.lineTo(50, 50);         //绘制一条线
            ctx.stroke();               //绘制
            ctx.restore();              //还原上一次保存的画笔设置
        }
    }
}

画笔设置值save()和restore()函数会影响以下属性值
strokeStyle
fillStyle
fillRule
globalAlpha
lineWidth
lineCap
lineJoin
miterLimit
shadowOffsetX
shadowOffsetY
shadowBlur
shadowColor
globalCompositeOperation
font
textAlign
textBaseline