Uneven raster movement in Google Chrome

64 views
Skip to first unread message

Евгений Хорев

unread,
May 6, 2013, 5:28:46 PM5/6/13
to pap...@googlegroups.com
Here is an example:
http://jsfiddle.net/j7BKb/

Near the end of animation raster twitches a bit,
while rectangle with the same parameters does not.

Effect is observable for me only in Chrome 26.
In all other browsers raster moves smooth.

Jürg Lehni

unread,
May 6, 2013, 8:16:25 PM5/6/13
to pap...@googlegroups.com
I think this has to do with how the canvas in Chrome handles pixel interpolation on scaling and is nothing that we can fix. It's a browser bug...
> --
> You received this message because you are subscribed to the Google Groups "Paper.js" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to paperjs+u...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>

Евгений Хорев

unread,
May 7, 2013, 9:02:13 AM5/7/13
to pap...@googlegroups.com
You're right!

Here's the raw canvas code, taken from www.html5canvastutorials.com site:  http://jsfiddle.net/JVVWC/2/

It seems Chrome draws unscaled (or near so, maybe rounding scale to 1 at some point) rasters with rounded to pixel-grid coordinates,
while others ain't afraid of plotting between pixels, if they asked to.

Is Google trying to help our graphics look sharper? :)


вторник, 7 мая 2013 г., 2:16:25 UTC+2 пользователь Jürg Lehni написал:
Reply all
Reply to author
Forward
0 new messages