How to get my sprites to have good antialiasing on rotation?

When I make my sprites rotate, they get jagged edges. Is it possible to fix this? This is what it looks like now:

The truth is that with in the editor there is some antialiasing that isn't applied when previewing in the browsers. Hadn't really noticed that before!

It looks like you've filled the images right to the edges. Hit 'crop' in the image editor and it adds a 1px transparent border around the edge. That allows for soft-edged blending along the image edges. Note that is not antialiasing, it's just linear sampling along the edge, but it looks similar and is far faster than an expensive fullscreen antialiasing effect.

That did the trick! Nice one, thanks Ashley !

I was having similar problem in my project. However, the solution solved my problem to achieve linear edges on pre-maid sprites - which is great . Is there any way to change sprite canvas size to add 1 transparent px on each side after loading an external image?

KojotSan - no, you should just add the 1px border on the loaded images as well.

I see... in that case I cover loaded images with additional pre-made frame sprite. It covers rough lines and gives better look

Thx for reply Ashley! Regards!