Drawing on the Web

This is the third post of Drawing on the Web part 1 - Drawing on the Web: Getting Started with Canvas and Mouse Events part 2 - Adding Some Flair: Brush Sizes and Colors for Our Drawing App Welcome to the grand finale of our canvas drawing app series! We’ve come a long way from our humble black-brush beginnings. We can now draw with different brush sizes and colors, but there’s still something missing – what happens when you mess up? And more importantly, how do you show off your digital artwork to the world? ...

This is the second post of Drawing on the Web part 1 - Drawing on the Web: Getting Started with Canvas and Mouse Events part 3 - The Finishing Touches: Clear and Save Your Digital Masterpieces Welcome back to our canvas drawing adventure! In our last post, we created a basic drawing app that could handle mouse events and let us draw with a black brush. It was functional, but let’s be honest – it had about as much personality as a default Windows screensaver. ...

This is the first post of Drawing on the Web part 2 - Adding Some Flair: Brush Sizes and Colors for Our Drawing App part 3 - The Finishing Touches: Clear and Save Your Digital Masterpieces Remember when you were a kid and discovered that you could draw on foggy car windows? Well, today we’re going to recreate that magical feeling, but digitally! We’re building a tiny drawing app using nothing but vanilla JavaScript and the HTML5 <canvas> element. ...