Jump to content

Anti-Aliasing Canvas Android


Recommended Posts

Hello everyone,


I'm using bezierCurveTo, clip  and draw to make some custom shapes (puzzle pieces)  then turn them into Sprites via fromCanvas.

Everyting works great and PIXI is very fast but I'm having issues with browsers on Android.

My shapes look very jagged (no anti-aliasing).

I've tried some hacks I found around Stackoverflow (adding strokes, etc) but nothing seems to work.

On iOS and desktops everything is smooth. But on Android only when using Firefox my shapes look reasonably smooth.


I'm using the canvas renderer.


Am I doing something wrong or is this something specific to Android?

Can you recommend any techniques that might get my shapes looking smoother on Android?



Link to comment
Share on other sites

Just tested on a cuple more Android devices and it seems to work fine (everything is smooth) on the default browser (non Chrome).

So I'm guessing it's something specific to Android browsers like Chrome, Opera mini.

Still looking for a work around... if you have any ideeas let me know.


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...