Контекст рисования
Контекст рисования
Рисование на канве выполняется с помощью особых свойств и методов объекта… нет, не HTMLCanvasElement, а CanvasRenderingContext2D. Этот объект представляет так называемый контекст рисования, который можно рассматривать как набор инструментов, используемый для рисования на данной канве.
Значит, перед тем как начать рисование, нам придется как-то получить экземпляр объекта Web-обозревателя CanvasRenderingContext2D для данной канвы. Это выполняется вызовом единственного метода getContext объекта HTMLCanvasElement:
<канва>.getContext("2d")
Мы видим, что метод getContext принимает единственный параметр — строку "2d". Возвращает он то, что нам нужно, — экземпляр объекта CanvasRenderingContext2D, представляющий контекст рисования данной канвы.
Напишем небольшой Web-сценарий, который помещает в переменную ctxCanvas контекст рисования для ранее созданной канвы cnv:
var htelCanvas = Ext.getDom("cnv");
var ctxCanvas = htelCanvas.getContext("2d");
Впоследствии мы будем пользоваться этим контекстом рисования для наших примеров.
Вот теперь, вооружившись контекстом рисования канвы, мы можем начать рисовать на ней с помощью весьма многочисленных свойств и методов объекта CanvasRenderingContext2D, которые мы обязательно рассмотрим.
ВНИМАНИЕ!
Все свойства и методы, рассматриваемые далее, принадлежат объекту CanvasRenderingContext2D, если об этом не сказано специально.
При выполнении операций рисования нам потребуется задавать координаты точек, в которых будет начинаться и заканчиваться рисование фигур и пр. Координаты измеряются в пикселах и отсчитываются от верхнего левого угла канвы; другими словами — в верхнем левом углу канвы находится начало ее координат. Запомним это.
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКДанный текст является ознакомительным фрагментом.
Читайте также
Контекст рисования
Контекст рисования Рисование на канве выполняется с помощью особых свойств и методов объекта… нет, не HTMLCanvasElement, а CanvasRenderingContext2D. Этот объект представляет так называемый контекст рисования, который можно рассматривать как набор инструментов, используемый для рисования
Изменение порядка рисования объектов
Изменение порядка рисования объектов По умолчанию объекты отображаются на экране в порядке их создания. Порядок отображения можно изменить, поместив один объект перед другим.Это существенно, когда один объект перекрывает другой. Изменение порядка отображения
Глава 12 Инструменты рисования и заливки
Глава 12 Инструменты рисования и заливки • Инструменты рисования• Настройки инструментов рисования• Инструменты заливки• Градиентная заливкаВ этой главе мы познакомимся с инструментами рисования и заливки программы Photoshop, с помощью которых сможем модернизировать
Инструменты рисования
Инструменты рисования «Главными» инструментами рисования считаются Pencil (Карандаш) и Brush (Кисть). Оба они работают по одному простому принципу: проводя этими инструментами по изображению, мы оставляем «нарисованный» след. Единственная разница между ними в том, что
Настройки инструментов рисования
Настройки инструментов рисования Все инструменты рисования используют сходные настройки, находящиеся на панели управления и на специальной палитре Brushes (Кисти). У всех инструментов рисования (и, как уже говорилось, у некоторых других инструментов) есть настройки
Работа с инструментами рисования
Работа с инструментами рисования
Изменение порядка рисования объектов
Изменение порядка рисования объектов По умолчанию объекты отображаются на экране в порядке их создания. Порядок отображения можно изменить, поместив один объект перед другим. Это существенно, когда один объект перекрывает другой. Изменение порядка отображения
Изменение порядка рисования объектов
Изменение порядка рисования объектов По умолчанию объекты отображаются на экране в порядке их создания. Порядок отображения можно изменить, поместив один объект перед другим. Это существенно, когда один объект перекрывает другой. Изменение порядка отображения
Изменение порядка рисования объектов
Изменение порядка рисования объектов По умолчанию объекты отображаются на экране в порядке их создания. Порядок отображения можно изменить, поместив один объект перед другим. Это существенно, когда один объект перекрывает другой. Изменение порядка отображения
Альбом для рисования
Альбом для рисования Исходный файл: Drawing-line.fla, Drawing-fill.fla Хотя предыдущие два примера используют ваши творческие способности, в действительности они не дают возможности создавать что-либо новое. Теперь давайте рассмотрим программу для рисования, работа в которой
Подпрограммы блокировки рисования
Подпрограммы блокировки рисования procedure Redraw; Перерисовывает содержимое графического окна. Вызывается в паре с LockDrawing procedure LockDrawing; Блокирует рисование на графическом окне. Перерисовка графического окна выполняется с помощью Redraw procedure UnlockDrawing; Снимает
Подпрограммы режимов рисования
Подпрограммы режимов рисования procedure SetSmoothing(sm: boolean); Устанавливает режим сглаживания procedure SetSmoothingOn; Включает режим сглаживания procedure SetSmoothingOff; Выключает режим сглаживания function SmoothingIsOn: boolean; Возвращает True, если режим сглаживания установлен procedure
Глава 9 Инструменты рисования и ретуши
Глава 9 Инструменты рисования и ретуши 9.1. Инструмент Brush (Кисть)9.2. Pencil (Карандаш)9.3. Создание прямых линий9.4. Color Replacement (Замена цвета)9.5. Закрашивание изображений9.6. Gradient (Градиент)9.7. Назад в прошлое9.8. Палитра Brushes (Кисти)9.9. Clone Stamp (Штамп)9.10. Pattern Stamp (Фигурный штамп)9.11. Blur
Глава 3 Простейшие операции рисования
Глава 3 Простейшие операции рисования Вот и состоялось наше первоначальное знакомство с Flash 8. Можно сказать, что теперь мы официально представлены друг другу. Пора переходить собственно к рисованию.Но сначала давайте вспомним все, что мы знаем о Flash-графике. И заодно
Советы для эффективного рисования
Советы для эффективного рисования Приведу несколько советов, помня о которых вы сможете рисовать быстрее и качественнее.? Чтобы отказаться от начатого рисования линии или фигуры, щелкните правой кнопкой мыши, не отпуская левую.? Чтобы отменить неудачно выполненное