5 ms·
Introduction to HTML5 Canvas
- lukehaas 13y agoThe shapely library - https://github.com/lukehaas/Shapely https://github.com/lukehaas/Shapely - makes working with the canvas much simpler
- mcdoh 13y agoI really like sketch.js http://soulwire.github.io/sketch.js/ http://soulwire.github.io/sketch.js/
- ktzar 13y agoSorry 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/Tutorial https://developer.mozilla.org/en-US/docs/Web/HTML/Canvas/Tut...
- hopeless 13y agoUm... 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 13y agoOur app WebCode (http://www.webcodeapp.com 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 13y agoI 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 13y agoSee: http://www.webcodeapp.com/documentation/beziers#RotatingBezier http://www.webcodeapp.com/documentation/beziers#RotatingBezi... Also, we'll make rotations much more useful in future updates.