Draw faded/feathered stroke line

[eragon]

Hello,

Is it possible to draw a line that is faded/feathered like the below image? The blue line is slightly featured/blurred.

Item {

    Canvas {
        id: foregroundCanvas
        anchors.fill: parent
        visible: true

        onPaint: {
            var ctx = getContext("2d");
            ctx.reset();
            ctx.beginPath();
            ctx.moveTo(0.02*width,0);
            ctx.lineTo(0.02*width, 0.1*height);
            ctx.lineTo(0.95*width, 0.1*height);
            ctx.lineTo(0.95*width, 0);
            ctx.lineWidth = 3;
            ctx.strokeStyle = "#3098B1";
            ctx.stroke();
        }
    }
}