在 QML 的圆形路径中画一条线？

Posted 2023-02-16

【中文标题】在 QML 的圆形路径中画一条线？

【英文标题】：Draw a line in a circular path in QML?

【发布时间】：2016-10-20 03:38:28

【问题描述】：

我想在圆形路径中画一条线，当它在该圆形路径中移动时，这条线的长度应该增加（从 0 到完整的圆周）。 有什么解决办法吗？

【参考方案1】：

你可以使用Canvas：

Canvas 
    id: mycanvas
    width: 200
    height: 200
    onPaint: 
        var ctx = getContext("2d");
        ctx.beginPath();
        ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);
        ctx.stroke();
    

您可以在documentation 中找到有关arc 方法的说明：您只需在您的QML 中定义startAngle 和endAngle 并在您想要移动或增加行时更新它们。