Fun with Canvas

A friend of mine asked me to work on a Web app for her massage therapy practice. One of the things she needed was a way to draw “where it hurts” and have that be a part of the patient’s chart. Here’s where I’ve gotten so far: Where Does It Hurt?

I haven’t implemented save yet, but apparently that’s quite straightforward.

Walter


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s really neat Walter. I have a future challenge with a massusse (a freind also - good for trades?), and might try something like that. Any particular meaning to the 'Canvas" in the heading - program?

Frank H.

On Dec 29, 2011, at 2:26 PM, Walter Lee Davis wrote:

A friend of mine asked me to work on a Web app for her massage therapy practice. One of the things she needed was a way to draw “where it hurts” and have that be a part of the patient’s chart. Here’s where I’ve gotten so far: Where Does It Hurt?

I haven’t implemented save yet, but apparently that’s quite straightforward.

Walter


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Canvas is the new HTML5 element that makes this possible. http://en.wikipedia.org/wiki/Canvas_element

Canvas can be used for lots of other things besides this drawing trick. It does quite a few 3D transformation that could previously only be done in Flash. Apple invented it in order to enable such things as the card flip effect used in Dashboard Widgets (which are written in HTML and JavaScript), and they submitted it to the standards bodies to be ratified as part of HTML5 so all browsers can use it.

Walter

On Dec 29, 2011, at 10:08 PM, Frank H wrote:

Any particular meaning to the 'Canvas" in the heading - program?


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

wow… this is great. i wish i master this… could see posibilities myself :smiley:


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter,

Thanks for your clarification.

I spent some time looking for a ‘canvas’ program to try. Saw something by APC or the like for about $300. I also confused myself with several other readings and looking for a plugin that would allow the examples I found render in FireFox (browser of choice this week). I think this ‘concept (?)’ is safely out of my reach…

Man, this second guessing embedding media is pretty crazy - wonder if it will ever settle, at least for a short time.

On another note, got the Learning to Program book you recommended. So far just into the preface but a good read.

Thanks for all the 2011 help, education and edification, I to am one that looks forward to your posts.

Wishing you and all here a Happy New Year!

Frank H.

On Dec 29, 2011, at 8:51 PM, Walter Lee Davis wrote:

Canvas is the new HTML5 element that makes this possible. http://en.wikipedia.org/wiki/Canvas_element

Canvas can be used for lots of other things besides this drawing trick. It does quite a few 3D transformation that could previously only be done in Flash. Apple invented it in order to enable such things as the card flip effect used in Dashboard Widgets (which are written in HTML and JavaScript), and they submitted it to the standards bodies to be ratified as part of HTML5 so all browsers can use it.

Walter

On Dec 29, 2011, at 10:08 PM, Frank H wrote:

Any particular meaning to the 'Canvas" in the heading - program?


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Jan 1, 2012, at 3:41 AM, Frank H wrote:

Walter,

Thanks for your clarification.

I spent some time looking for a ‘canvas’ program to try. Saw something by APC or the like for about $300. I also confused myself with several other readings and looking for a plugin that would allow the examples I found render in FireFox (browser of choice this week). I think this ‘concept (?)’ is safely out of my reach…

Well this example works in Firefox here. You realize you can draw in the browser on the under-image, and there’s multiple-level undo (take that, Freeway!)? The idea for this was that you hand an iPad to the patient, and ask them to draw on the picture where they are experiencing stiffness or pain. The rest of the app is going to be to ask all the other patient-intake questions and manage that relationship.

Man, this second guessing embedding media is pretty crazy - wonder if it will ever settle, at least for a short time.

Naaa, that’s what keeps it interesting. I started this whole Web business in the mid-90s, when there was still a Netscape browser, and I still remember (not too fondly) making two or three different versions of the same site in order to either leverage special features in one browser or another, or to work around bugs in all of them. Thank goodness for Freeway – took a whole layer of pain out of the equation entirely.

On another note, got the Learning to Program book you recommended. So far just into the preface but a good read.

I know, it’s funny, “educational by accident” sort of stuff, isn’t it? Quite a trick to take something so heavy and pump it full of helium and paint a face on it.

Thanks for all the 2011 help, education and edification, I to am one that looks forward to your posts.

Wishing you and all here a Happy New Year!

Thanks very much, and the same to you!

Walter


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter,

Your example/application (?) worked in for me in FireFox also, thats what got me on the concept chase in the first place, but I guess I lost sight of that by the time I got around to making a post. The examples I was referring to were at other sites, I think I just got lost in the concept. In trying to retrace my steps tonight I found this:

http://html5tutorial.net/html-5-reference/html-5-reference.html

and noticed that < canvas > is an html 5 code reference word.

Understand that my understanding is very minimal about code; am I correct that where I was looking for a program named ‘Canvas’ for creation of illustrations or movies (an application), I was finding program references?

The below has some neat stuff

So canvas is a part of the html5 code / language? You made instructions for the point of pain gui in long hand specific to html5 code…?

Oooo, my head hurts…

Also, in that search I found Adobe Edge premier:

http://tv.adobe.com/watch/adc-presents/edge-getting-started

and have a trial copy for 60 days-

All the examples I found tonight worked in Saf. FF Chrm,… I don’t know what I was doing before.

On Jan 1, 2012, at 11:10 AM, Walter Lee Davis wrote:

looking for a plugin that would allow the examples I found render in FireFox (browser of choice this week). I think this ‘concept (?)’ is safely out of my reach…

Well this example works in Firefox here. You realize you can draw in the browser on the under-image, and there’s multiple-level undo (take that, Freeway!)? The idea for this was that you hand an iPad to the patient, and ask them to draw on the picture where they are experiencing stiffness or pain. The rest of the app is going to be to ask all the other patient-intake questions and manage that relationship.


offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options