Introduction to HTML5 Canvas (opens in new tab)

(storminthecastle.com)

29 pointsjohnrobinsn12y ago7 comments

7 comments

Sorry but calling this a tutorial is clearly giving it too much credit when there are real and comprehensive tutorials like https://developer.mozilla.org/en-US/docs/Web/HTML/Canvas/Tut...

hopeless12y ago

Um... who called it a tutorial?

I thought it wasn't a bad introduction to what the canvas is/does (rather than how you use it).

PixelCut12y ago

Our app WebCode (http://www.webcodeapp.com) is a vector drawing app that instantly generates HTML5 Canvas code. No need to write all of it by hand :-)

fuzzywalrus12y ago

I was about recommend WebCode after reading the article.

I just bought it a week ago. It makes canvas a lot more human. I've used it to create a few minor UI elements even, but main issue I've had simply the lack of rotate (or my ability to find it).

Still, its best tool I've used for Canvas.

PixelCut12y ago

See: http://www.webcodeapp.com/documentation/beziers#RotatingBezi...

Also, we'll make rotations much more useful in future updates.

lukehaas12y ago

The shapely library - https://github.com/lukehaas/Shapely - makes working with the canvas much simpler

mcdoh12y ago

I really like sketch.js

http://soulwire.github.io/sketch.js/

j / k navigate · click thread line to collapse

7 comments

ktzar12y ago

Sorry but calling this a tutorial is clearly giving it too much credit when there are real and comprehensive tutorials like https://developer.mozilla.org/en-US/docs/Web/HTML/Canvas/Tut...

hopeless12y ago

Um... who called it a tutorial?

I thought it wasn't a bad introduction to what the canvas is/does (rather than how you use it).

PixelCut12y ago

Our app WebCode (http://www.webcodeapp.com) is a vector drawing app that instantly generates HTML5 Canvas code. No need to write all of it by hand :-)

fuzzywalrus12y ago

I was about recommend WebCode after reading the article.

I just bought it a week ago. It makes canvas a lot more human. I've used it to create a few minor UI elements even, but main issue I've had simply the lack of rotate (or my ability to find it).

Still, its best tool I've used for Canvas.

PixelCut12y ago

See: http://www.webcodeapp.com/documentation/beziers#RotatingBezi...

Also, we'll make rotations much more useful in future updates.

lukehaas12y ago

The shapely library - https://github.com/lukehaas/Shapely - makes working with the canvas much simpler

mcdoh12y ago

I really like sketch.js

http://soulwire.github.io/sketch.js/

j / k navigate · click thread line to collapse