QmlCanvas文字

2018-11-29 本文已影响0人 zhengtianzuo

qml的Canvas可以绘制文字, 图片, 各种形状, 今天这里只绘制文字, 模拟qml本身的Text效果

Canvas{
        id: canvas
        width: 300
        height: 100
        onPaint: {
            var ctx = getContext("2d");
            ctx.fillStyle = "red";
            ctx.font = fontMetrics.getFontToContext2D();

            ctx.beginPath();
            ctx.text(qsTr("Canvas 这是一段文字"), 20, 40);
            ctx.fill();
        }
    }