Skip to content

Introduction to HTML5 Canvas

storminthecastle.com
29 pointsjohnrobinsn7 comments
On HN

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...

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).

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 :-)

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.

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

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

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

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.