Why rotated sprite looks worse using "WebGL enabled"?

Why rotated sprite looks worse using "WebGL enabled" than with no WebGL?

I created a sprite with only a color and then I rotated it. If i use "WebGL enabled" the outline is pixelated.

But if i disable WebGL the outline is ... clear.

I have the same effect if I use GLWrap_ to draw a rectangle:

glw.quad(tlx, tly, trx, try_, brx, bry, blx, bly);[/code:3b4qfwz6]

the image (after rotation) is worse than
[code:3b4qfwz6]
      ctx.beginPath();
      ctx.moveTo(tlx, tly);
      ctx.lineTo(trx, try_);
      ctx.lineTo(brx, bry);
      ctx.lineTo(blx, bly);
      ctx.closePath()
      ctx.fill();[/code:3b4qfwz6]

It looks like the browser is enabling antialiasing on the 2D canvas by default. This has a high performance cost, so we have it disabled in the WebGL renderer. Instead by default Construct crops images with a 1px transparent border around them, so you get the same kind of smooth edge effect without the high performance cost of antialiasing. (If you just bucket fill and don't crop then you won't have the 1px transparent border, which is what I think happened in your screenshot with the Sprite, so try just hitting the crop button on that.)