Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications. In this tutorial we’re going to learn how to resize and crop an image using the HTML5 <canvas> element, and while we’re at it, let’s create some fancy controls for resizing, commonly seen in photo editing applications. In a real world example a website or a
![Resizing and Cropping Images with Canvas | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/013f7b5fbbc8fcfd60effdc1bfebd8eda1caa0a8/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2014%2F10%2FImageResizingCroppingCanvas.jpg%3Fx89705)