rotating rectangle causes bad view on edges

[Yunus]

I have a rectangle as shown below:

Rectangle{
        width: 100
        height: 2
        rotation: 27
    }

and it looks like:

Why the edges look like not smooth, how can I get smooth edges. Why rotation causes this ?

[Yunus]

I have just seen the answer on SO. the answer is using the property:

antialiasing: true

[Markkyboy]

@Yunus - you can also add smooth: true but smooth and antialiasing can cause poor/slow performance.