Каковы хорошие ресурсы для профессионального программиста для изучения Canvas и SVG API?

Question

Я хочу углубиться в возможности canvas и svg современных браузеров. Мне было интересно, какие есть хорошие онлайн-учебники, видео и книги, которые помогут кому-то с опытом программирования начать создавать нетривиальные приложения canvas и svg.

Кроме того, какие бы хорошо спроектированные рамки и библиотеки canvas / svg, которые можно было бы использовать для справки.

Answer 1

+ 1 гаурав. «Погружение в HTML5» - отличное введение в canvas. Кроме того, у Дэвида Фланагана также есть новая книга «Справочник по холст-карманам», которая в качестве учебного пособия удваивается: http://oreilly.com/catalog/9781449396800/.

Кроме того, я недавно прошел курс SVG через W3C, и весь курс использовал его официальный учебник в качестве текста класса. Я определенно рекомендую это; есть множество примеров для подражания.

Наконец, посмотрите Raphaël, библиотеку JS для простой работы с векторной графикой - http://raphaeljs.com/

Answer 2

Для холста я бы порекомендовал Dive Into HTML5 . Для SVG вы можете найти ответы здесь .

Answer 3

Вот еще несколько ресурсов, связанных с Canvas, которые вам могут пригодиться:

• http://easeljs.com/, обертывает Canvas и предоставляет некоторые дополнительные вкусности
• https://github.com/mrdoob/three.js, вы также можете делать классные 3D-вещи с помощью canvas (не нужно ждать WebGL)
• http://www.html5canvastutorials.com/, сборник учебных пособий по холстам HTML5
• http://billmill.org/static/canvastutorial/, красивый и интерактивный учебник по Canvas

Надеюсь, это поможет. :)