HTML5 Canvas

На этом уроке мы научимся пользоваться новым элементом <canvas>.

1. Canvas— элемент HTML5, предназначенный для создания растрового двухмерного изображения при помощи скриптов, обычно на языке JavaScript.
2. Вставляем в наш блокнот:
   
   Вот, что у нас получилось:
    
3. Рисуем линию:
   Вот, что у нас получилось:
   
4. Рисуем круг:
   
   Вот, что у нас получилось:
   
5. Рисуем текст:
   
   Вот, что у нас получилось:
   
6. Рисуем линию градиента:
   
   Вот, что у нас получилось:
   
   На этом уроке мы научились пользоваться новым элементом <canvas>.