37. Canvas. Основные свойства tBrush.
Отрисовка фигур |
||
Метод / параметр |
Описание |
Пример |
.moveTo( x, y ) |
Перемещает точку в указанное место |
context.moveTo(20, 20)
|
.beginPath() |
Начать строить фигуру |
context.beginPath()
|
.closePath() |
Замкуть контур фигуры |
context.closePath()
|
.lineTo( x, y ) |
Связывает две точки между собой |
context.lineTo(20, 20)
|
.rect( x, y, width, height ) |
Рисует прямоугольник |
context.rect(20, 20, 300, 400)
|
.arc( x, y, radius, startAngle, endAngle [, anticlockwise ] ) |
Рисует окружность |
context.arc(20, 20, 500, 0, 50)
|
.quadraticCurveTo( cpx, cpy, x, y ) |
Кривая Безье по двум точкам |
context.quadraticCurveTo(20, 20, 40, 50)
|
.ellipse( x, y, radiusX, radiusY, rotation, startAngle, endAngle [, anticlockwise] ) |
Рисует эллипс |
context.ellipse(20, 20, 40, 90, 9, 0, 50)
|
.bezierCurveTo( cp1x, cp1y, cp2x, cp2y, x, y ) |
Создает кривую Безье по трем точкам |
context.bezierCurveTo(20, 20, 90, 90, 50, 50)
|
.arcTo(x1, y1, x2, y2, radiusX [, radiusY, rotation ]) |
Рисует дуги по контрольным точкам |
context.arcTo(20, 20, 20, 20, 20)
|
.fillStyle [ = value ] |
Указывает стиль заливки контура фигуры |
context.fillStyle = "black";
|
.strokeStyle [ = value ] |
Указывает стиль контура фигуры |
context.strokeStyle = "black";
|
.clearRect( x, y, width, height ) |
Очищает прямоугольник (делает белым) |
context.clearRect(20, 20, 90, 80)
|
.fillRect() |
Рисует закрашенный прямоугольник |
context.fillRect()
|
.strokeRect() |
Рисует контур прямоугольника |
context.strokeRect()
|
.fill() |
Закрасить все фигуры |
context.fill();
|
.stroke() |
Обвести все фигуры |
context.stroke();
|
.drawImage( img, x, y, width, height [, scaleWidth, scaleHeight] ) |
Нарисовать изображение |
context.drawImage(img, 20, 20, 90, 90);
|
38. Canvas. Основные свойства tPen.
С помощью этого класса создаются различные линии. Свойства:
Color: TColor;
- для задания конкретного цвета. Для задания цвета выделяется целое число в 4 байта. Самый крайний байт определяет яркость красного цвета, следующий – зеленого, последний – синего. Левый байт задает палитру.
Для наиболее часто используемых цветов определены соответствующие константы. Они разбиваются на 2 группы:
1. Цвета, безотносительно, к какому элементу они применяются:
clWhite, …, clNone
2. Цвета, предназначенные для окрашивания каких-либо деталей изображения: полос скроллинга, фона рабочего окна Windows, фона меню и т.д. Это такие цвета как: clWindows, clMenu и т.д.
Цвета второй группы могут меняться в зависимости от настроек Windows:
Style : TPenStyle;
- задает цвета путем использования констант:
psSolid,
psDash,
psDot,
psDashDot,
psClean;
Width: Integer
- задает толщину линий;
TBrush
- задает характеристики кисти;
Color: TColor;
- задает цвет кисти. По умолчанию clWhite;
Style: TBrushStyle;
- определяет стиль кисти. Для задания стиля используются константы:
bsSolid
bsClear
bsBDiagonal
bsFDiagonal
bsCross
bsDiagCross
bsHorizontal
bsVertical
Свойства объекта Pen(Карандаш)
Свойство |
Описание |
Color |
Цвет линии |
Width |
Толщина линии(задается в пикселах) |
Style |
Вид линии: psSolid ― сплошная; psDash ― пунктирная, длинные штрихи; psDot - пунктирная, короткие штрихи; psDashDot ― пунктирная, с чередованием длинного и короткого штрихов; psDashDotDot ― пунктирная с чередованием одного длинного и двух коротких штрихов; psClear ― линия не отображается(используется если не надо изображать границу области, например прямоугольника) |