Using a Canvas to Create a Drawing App in Ionic - Part 1

In this video, we create a drawing application in Ionic using the HTML5 canvas element.

[learnwithprithiviraj]

you are making Ionic awesome everyday 😍😍😍

[chrishannahscutt]

Thanks, Josh. This is another really great tutorial. Very helpful!

[myHACCPAdmin]

Awesome Josh Thanks can't wait for the next tutorial

[LuizNotari]

Please take a class showing how to draw with Canvas using the mouse over an image, outlining the background image transparently, as if you were going to put a wax paper on an image and outlining the image with the mouse and then filling in that outline with color.
Save the mouse coordinates so that we have parts of the outlined and painted images. It would be the coloring book, copying around and then coloring. Remember when you were a child you used to make an outline in a drawing and then fill it with colors, color the drawing. This would be a very cool project.

[divyachandana]

Your tutorial is really helpful. Thanks a lot.

[Zelousfear]

Thank you so much for this, it would also be great if you could a full Paper.JS import and implement. Keep up the great work!

[alibadr]

Thank you for this video, you are awesome, keep the good work up

[ahmedrami]

thanks a lot for ur tutorials @Joshua Morony , just i have a question :in order to improve the design of an ionic2 app, could i use a ready html template ( with its css, js files ) ?
Thanks a lot fo ur helps

[HoshCoding]

thank you so much, just if you can add the possibility of saving image in jpg or png to export our drawing

[jv.bianchi]

Hey great video. Why don't you use VSCode?

[amanichanga]

Hi bro, sorry for this question here, How can I disable caching in ionic 2, previously we used to use cache-view="false"

[mvvmmvc]

Can I use this method at the client using firbase

[AugusDogus]

Have you heard of p5.js? I've been wanting to fool around with it in Ionic but haven't had time. Regardless, loving your videos Joshua!

[marcospampi]

Tip: with ionic navbar you should set pageY values minus 56

[Zelo]

please how can i load an image in the canvas and write a text on it ?

[saulcb]

Hi Joshua or any other guy who can help me.
I have been looking for a solution for a lot of days and I can not make the "touch" events work, the canvas object just respond to click and tap

[DFKONMusik]

all you guys using ionic, check out react native and tell me what you feel about it, here. If you've already used it, tell me anyway