<<
>>

Танец вокруг архитектуры: как рисовать с помощью кода

Вот так вы определяете, что цвет обводки должен быть красным:

context.strokeStyle = ‘#990000’;

Теперь у всего, что вы нарисуете, будет красный контур. Например, если вы хотите нарисовать прямоугольник, используйте такой синтаксис:

strokeRect (left, top, width, height)

Если вы хотите нарисовать прямоугольник размерами 100?50 пикселей, расположенный в 20 пикселях от левого края и в 30 пикселях от верхнего края элемента canvas, вы напишете так (рис.

3.02):

context.strokeRect(20,30,100,50);

Это очень простой пример. 2D API предоставляет очень много методов: fillStyle, fillRect, lineWidth, shadowColor и многие другие.

Рис. 3.02. Прямоугольник, нарисованный на canvas

В теории любое изображение, которое можно реализовать в программе, аналогичной Illustrator, можно создать внутри элемента canvas. На практике делать это очень утомительно и, скорее всего, приведет к безумно длинному коду на JavaScript. Да и вообще смысл Canvas несколько не в этом.

<< | >>
Источник: Кит Джереми. HTML5 для веб-дизайнеров. 2013

Еще по теме Танец вокруг архитектуры: как рисовать с помощью кода:

  1. Архитектура службы конкурентной разведки
  2. Кода
  3. Структура кода EAN-8
  4. Технология применения штрихового кода EAII13
  5. 2.2. Написание грамотного HTML-кода 30
  6. Как учесть премии и материальную помощь
  7. Как продать квартиру без помощи риэлтора
  8. Что и как исследуют с помощью психологических тестов
  9. Как сделать ваш Ь2Ь-бренд известным с помощью блога и подкастов
  10. Рисуйте огибающие линии вокруг средней
  11. РИСУЙТЕ ОГИБАЮЩИЕ ЛИНИИ ВОКРУГ СРЕДНЕЙ
  12. МОЖНО СОЗДАТЬ ВОКРУГ СРЕДНЕЙ КАНАЛ
  13. Можно создать вокруг средней канал
  14. Люди вокруг нас