什么是 HTML 5 Canvas？

Question

他是个 API，可以方便地在浏览器中做图像操作，比如绘制、动画、渐变、形状等效果。可以与现实中的画布画笔类比。

它有一个坐标系。与一般的笛卡儿平面直角坐标系有所不同。我们通过 <canvas> 标签可以创建一个画布，而画笔则是通过 canvas.getContext('2d') 拿到。有了画笔，我们才可以在画布上面画东西嘛。

Why's this

• 么有它之前前端是怎么画图的？用什么工具？jQuery？方便吗？
• 有没有 node 端的画图工具？
• 画图工具以外还有没有扩展功能？
• 其他表格、可视化工具？

How

• 快速反馈的地方？jsbin？eddhead？jsfiddle？console？

Best resources

• http://diveintohtml5.info/canvas.html
• http://www.html5canvastutorials.com/
• https://egghead.io/search?q=canvas
• https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial