JavaScript. Подробное руководство, 6-е издание
вернуться

Флэнаган Дэвид
Шрифт:

void strokeRect(double х, у, tv, h)

Рисует контур (не выполняя заливку внутренней области) прямоугольника с заданными координатами и размерами. Цвет и толщина линий определяются значениями свойств

strokeStyle
и
lineWidth
. Стиль оформления сопряжений в углах прямоугольника определяется значением свойства
lineJoin
.

В отличие от метода

rect,
метод
strokeRect
не оказывает влияния на текущий контур или текущую позицию пера,

void strokeText(string text, double x, у, [maxWidth])

Метод

strokeText
действует подобно методу
fillText,
за исключением того, что он не выполняет заливку отдельных символов в соответствии со значением свойства
fillStyle
, а рисует только контуры каждого символа, учитывая значение свойства
strokeStyle
. Для шрифтов большого размера метод
strokeText
обеспечивает интересный графический эффект, но на практике для рисования текста чаще используется метод
fillText.

void transform(double a, b, с, d, е, f)

Аргументы этого метода определяют шесть нетривиальных элементов матрицы Т аффинного преобразования размером 3x3:

а с е

b d f

0 0 1

Метод

transform
умножает текущую матрицу преобразования на матрицу Т и принимает результат в качестве текущей матрицы преобразования:

СТМ' = СТМ X T

В терминах универсального метода

transform
можно реализовать операции смещения, масштабирования и вращения. Чтобы выполнить смещение, можно произвести вызов
transform(1,0,0,1,dx,dy)
. Чтобы выполнить масштабирование -
transform(sx, 0, 0, sy, 0, 0)
. Для выполнения вращения по часовой стрелке на угол х:

transform(cos(x),sin(x),-sin(x), cos(x), 0, 0)

Чтобы выполнить сдвиг параллельно оси X на множитель к, можно произвести вызов

transform(1,0,k,1,0,0).
Сдвига параллельно оси Y можно добиться вызовом
transform(1, k, 0,1,0,0)
.

void translate(double х, double у)

Метод

translate
добавляет горизонтальное и вертикальное смещения в матрицу преобразования холста. Значения аргументов х и у добавляются к координатам всех точек, которые затем будут добавляться в контур.

ClientRect

прямоугольник, описанный вокруг элемента

Объект

ClientRect
описывает прямоугольник в системе координат объекта
Window
или видимой области. Объект этого типа, определяющий параметры описанного прямоугольника элемента, возвращает метод
getBoundingClientRect
объекта
Element
. Объекты
ClientRect
являются статическими: они не изменяются при изменении соответствующих им элементов.

Свойства

readonly float bottom

Координата Y нижней границы прямоугольника относительно видимой области.

readonly float height

Высота прямоугольника в пикселах. В IE версии 8 и ниже это свойство не определено; вместо него следует использовать выражение

bottom-top
.

readonly float left

Координата X левой границы прямоугольника относительно видимой области.

readonly float right

Координата X правой границы прямоугольника относительно видимой области.

readonly float top

Координата Y верхней границы прямоугольника относительно видимой области.

readonly float width

Ширина прямоугольника в пикселах. В IE версии 8 и ниже это свойство не определено; вместо него следует использовать выражение

right-left
.