Skip to content

grhp/pixels

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

This test draws a small set of single-pixel thick lines onto a 2D canvas. It draws vertical lines
into the left-most pixel column, the 101st column, and the right-most column. The right-most column
is what's tricky! It also does the same thing for the vertical axis.

Because the test uses integer coordinates, it uses "translate" to apply an offset by a half-pixel,
otherwise the lines appear thicker than intended.

It is interesting to note that the following formula for determining physical width results in a
non-integer value on some mobile devices:

    canvas.clientWidth * window.devicePixelRatio

This results in subtle blurring around the lines, and right-most / bottom-most lines go missing.

About

pixel-perfect canvas test

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published