Code & Images Here : http://bit.ly/JSPaint
Best JavaScript Book : https://amzn.to/2GcKzQk
Subscribe to Me : http://bit.ly/2FWQZTx
In this tutorial I start creating a JavaScript Paint Application while exploring all that is possible with the JavaScript Canvas API. We’ll create a paint app that allows for Opening, Saving and the use of Brushes, Lines, Rectangles, Circles, Ellipses and Polygons. Each tool will work with the rubber band effect like other advanced paint apps.
I will add on to this series if you guys want me to. If this series averages 10,000 views I will continue adding functionality.
RELATED TUTORIALS
►► JavaScript in 1 Video : https://youtu.be/fju9ii8YsGs
►► CSS in 1 Video : https://youtu.be/CUxH_rWSI1k
►► Bootstrap Tut : https://youtu.be/gqOEoUR5RHg
►► MongoDB Tut : https://youtu.be/-0X8mr6Q8Ew
►► JQuery Tut : https://youtu.be/BWXggB-T1jQ
►► Express / Node Tut : https://youtu.be/xDCKcNBFsuI
Like the channel? Consider becoming a Patreon! Check it out here:
►► https://www.patreon.com/derekbanas
THANK YOU TO MY PATREON SUPPORTERS LIKE :
ckcoder.com
vsolutions.be
Original source
37 responses to “JavaScript Tutorial 7 Paint App Canvas API”
And here comes 10k views!
can you make website and use python in the backend
You've mentioned the line:
ctx = canvas.getContext('2D');
Does Canvas provide support for 3D graphics and animation?
I've made mine with erase and clear tools, brush size, brush type (square, round and butt), color palette on canvas and pure javascript. Cursor size representing brush type equal to a brush size and type is still on my to-do list. Also, I'm not shure how, I'm going to add some history, at least one step back to undo last action.
Thanks. A really interesting walkthrough for making a paint app. This should get way more than 10,000 views.
best youtube coder imo
could you make Mathematica 1 video tutorial, please? 🙂
SInce you made the maven , hibernate Java EE tutorial do you think you'll make one where you combine that database with a web page? Maybe sth like a form that sends data to the Java app. JSP for example?
Make a Vue.js tutorial Series
Just what i need
The way you explain complex concepts is so easy and understandable for everyone. Thanks Derek
Oh! man, when will you hit 1M.
Please can you make tickets to do speech I have
Please can you show us how to create a translator app
Great tut Derek. Superb
Great beginning of this tut 😀
Can you make an instagram turbo ?
Loved seeing you Implement JavaScript classes. Looking forward to Part 2
Any chance you create a video about how to create a video editor
Wait… with download="sourcename" you can tell the browser to download the file? I searched for a method to do exactly that and never found it. Thanks ^^
3:46 If you're going to recreate Photoshop, at least use WebAssembly
Alternatively, https://www.youtube.com/watch?v=PHKLzpt-syI
Watch @2x. JavaScript starts at 9:25
Thanks for the video Derek
I never knew you could do that … thought it is some high tech coding stuff. Thank you sir
Awesome..
Also how are you randomly using ctx as if it’s a library in itself?
30 – 45 minutes is a good length unless it’s all in one videos. I enjoyed the 2 hour java in one.
Class is a smoke in mirrors concept in JavaScript?
Dude you fke’n rock ! I’m glad you’re on this earth . Blessed !
What editier do you use?
Do you have any videos where you go over how you plan your projects and figure out your requirements?
Do you think you will ever make an electron Tutorial?
Awesome 👍 I created a PoC for wellbore trajectory using three.js when the library was a rc. I am sure you can create Paint3d with the current version of three.js. Can you also try to create a small video streaming full stack app ?
You're totally a Jack of all trades Derek, thanks for dropping this content!
Nice! Thanks for creating this tutorial.
Thank you very much for covering canvases again Derek 🙂 You're awesome 🙂
You are so awesome Sir.
As always, appreciate all your work.
Come on guys, let's get the views up up up and up!!!!!
Please teach us algorithms' complexity and big O notation. THANK YOU SIR