不明白qml svg路径是如何工作的

Question

在官方QML文档中，他们为SvgPaths提供的全部内容是：

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

通常会形成一个三角形，但它不起作用:(

是否需要PathView？

非常感谢

Answer 1

您无法使用Path API绘制形状。您需要使用例如Canvas或QQuickPaintedItem。 SvgPath文档中的图片旨在说明随附代码段创建的路径。

在documentation for Path中提到它：

  

定义PathView

使用的路径

它还说：

  

路径由一个或多个路径段组成 - PathLine，PathQuad，PathCubic，PathArc，PathCurve，PathSvg。

如果您点击指向PathView's documentation的链接，则可以看到它们如何一起使用：

PathView {
    anchors.fill: parent
    model: ContactModel {}
    delegate: delegate
    path: Path {
        startX: 120; startY: 100
        PathQuad { x: 120; y: 25; controlX: 260; controlY: 75 }
        PathQuad { x: 120; y: 100; controlX: -20; controlY: 75 }
    }
}