[Context2D] Wrong drawing of arc with the arc() function

    Canvas {
        id: canvas
        anchors.fill: parent
        property real endAngle: 0
        onEndAngleChanged: canvas.requestPaint()
        onPaint: {
            var ctx = getContext("2d");
            ctx.reset();
            ctx.lineWidth = 10;
            ctx.strokeStyle = "red"
            ctx.beginPath();
            ctx.arc(width / 2, height / 2, 50, 0.0, canvas.endAngle, true);
            ctx.stroke();
        }
    }

    NumberAnimation { id: anim; target: canvas; property: "endAngle"; to: Math.PI / 2; duration: 5000 }

    Component.onCompleted: anim.start()