使用QML绘制SVG

Question

如何用简单的单词用qml绘制SVG？

根据QtDocs，可以使用以下代码绘制SVG：

Path {
    startX: 50; startY: 50
    PathSvg { path: "L 150 50 L 100 150 z" }
}

但事实上它并没有。 那么，我该如何绘制SVG？

Answer 1

如果要显示路径，则必须在Shape中使用它：

Shape {
    ShapePath {
        fillColor: "red"
        strokeWidth: 2
        strokeColor: "blue"
        startX: 50; startY: 50
        PathSvg { path: "L 150 50 L 100 150 z" }
    }
}

Answer 2

文档中没有任何内容说明了绘图。它通过使用SVG路径语法说“定义路径”。

绘制它是一个不同的步骤：

Canvas {
    width: 400; height: 200
    contextType: "2d"

    onPaint: {
        context.strokeStyle = Qt.rgba(.4,.6,.8)
        context.path = yourPath
        context.stroke()
    }
}

请注意，只要使用SVG支持编译Qt，您就可以直接使用.svg文件作为图像源。