High DPI Canvas tutorial

High DPI Canvas via HTML5Rocks

When working with different devices you may encounter some scaling issues for images in the canvas. The reason being are two properties called devicePixelRatio and the cryptic webkitBackingStorePixelRatio. The first one scales images and canvas tags on high resolution devices, the second one relates to the size of the stored in memory canvas.

Learn how this all works and how to deal with this issue on any device so you avoid pixelated images and such in this awesome tutorial by Paul Lewis at HTML5Rocks.com

Published by

Pablo Farias Navarro

Founder of Zenva - the world's leading platform to learn programming and game development, which features a community of over 350,000 learners.Pablo is also a member of the Intel Software Innovator program in the Asia Pacific Region, and the Oculus Start program, which features upcoming developers and startups in the VR space.

Share this article

Leave a Reply

avatar