什么是专业程序员学习 Canvas 和 SVG API 的好资源？答案

【问题标题】：What are good resources for a professional programmer to learn Canvas and SVG API?什么是专业程序员学习 Canvas 和 SVG API 的好资源？
【发布时间】：2011-05-31 09:51:02
【问题描述】：

我想深入了解现代浏览器的画布和 svg 功能。我想知道有哪些好的在线教程、视频和书籍可以帮助具有编程背景的人开始构建非平凡的画布和 svg 应用程序。

还有哪些设计良好的 canvas/svg 框架和库可供参考。

【问题讨论】：

标签： html canvas svg

【解决方案1】：

对于画布，我推荐Dive Into HTML5。对于SVG，你可以找到一些答案here。

【讨论】：

【解决方案2】：

+1 高拉夫。 “深入了解 HTML5”是对 canvas 的精彩介绍。此外，David Flanagan 还有一本新书《Canvas Pocket Reference》，它兼作教程：http://oreilly.com/catalog/9781449396800/。

另外，我最近通过 W3C 参加了 SVG 课程，整个课程使用它的 official primer 作为课程文本。我肯定会推荐它；它有大量的例子可供参考。

最后，查看 Raphaël，这是一个用于简单处理矢量图形的 JS 库 -- http://raphaeljs.com/

【讨论】：

如果您想可视化数据集，还请查看 D3.js，mbostock.github.com/d3。

【解决方案3】：

这里还有一些与 Canvas 相关的资源，您可能会觉得很方便：

http://easeljs.com/，包裹 Canvas 并提供一些额外的好处
https://github.com/mrdoob/three.js，你也可以用画布做很酷的 3D 东西（无需等待 WebGL）
http://www.html5canvastutorials.com/，各种 HTML5 Canvas 教程合集
http://billmill.org/static/canvastutorial/，不错的 Canvas 交互式教程

希望这些会有所帮助。 :)

【讨论】：