Fun with Angular and an HTML 5 canvas.

I updated my canvas-drawing post from 2014. Now it uses AngularJS instead of JQuery. Angular rocks.

Fiddle, GitHub

It doesn't embed well in blogger though.
The HTML: The javascript:

Drawing in a canvas.

I created an html 5 canvas object.
Mouse down to draw in it.

Sadly, this only works if it is the only post viewed.
JSFiddle was very useful in debugging this and getting it to work. I did the development on a PC, and tested the results immediately in a browser on a tablet and on my phone.

Fun with HTML 5

Flash had to make up the difference between what I wanted to do on a web page and what I could do before HTML 5 for two things:
1) Playing sound.
2) Drawing on a canvas.

I had the sound working with flash using a small utility called sound manager. It was a pain, difficult to get working and keep working, but it did work in the end. However, the HTML 5 audio tag makes things easy and straightforward. For example:

1 <audio controls="controls" src="http://www.ogresoft.com/Japanese/TortoiseSVN_error.ogg" tabindex="0">
2 Your browser does not support the audio element.
3 </audio>

 If your browser doesn't support HTML 5, then go download a new one.

I never got the drawing canvas working. I considered processingjs, but HTML 5 came along before I got bored enough to make it work.

Ogresoft Kanji Quiz

So you can draw the kanji for the specified English word, instead of just a multiple choice scenario. I'll trust you to grade yourself correctly.

But my stuff is boring and rudimentary. Here are a couple of sites that do it right with canvases and drawing:
Harmony
and
Sketchpad
and here's another:

http://juliamap.googlelabs.com/