Introduction to HTML5 Canvas

Introduction to HTML5 Canvas(storminthecastle.com)

29 points by johnrobinsn 13 years ago | 7 comments

ktzar 13 years 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...

hopeless 13 years 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).

PixelCut 13 years 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 :-)

fuzzywalrus 13 years 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.

PixelCut 13 years ago | | |

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

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

lukehaas 13 years ago |

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

mcdoh 13 years ago | |

I really like sketch.js

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