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

<b>void setTransform(double a, b, с, d, е, f)</b>

Этот метод позволяет напрямую установить матрицу преобразования, не выполняя последовательность вызовов методов

<b>translate(), scale()</b>
и
<b>rotate().</b>
После вызова этого метода новое преобразование будет иметь вид:

<b>х'   а с е   х = ах+су+е</b>

<b>y' = b d f x y = bx+dy+f </b>

<b>1    0 0 1   1</b>

<b>void stroke()</b>

Метод

<b>stroke()</b>
выполняет рисование линий, составляющих текущий контур. Контур определяет лишь геометрию линии, которая должна быть воспроизведена, а визуальное ее представление зависит от значений свойств
<b>strokeStyle, lineWidth, lineCap, lineJoin</b>
и
<b>miterLimit</b>
.

Под термином stroke (чертить) понимается вычерчивание линий пером или кистью. Это означает «нарисовать контур». В противовес методу

<b>stroke(),</b>
метод
<b>fill()</b>
выполняет заливку внутренней области без рисования ее контура,

<b>void strokeRect(double х, у, tv, h)</b>

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

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

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

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

<b>void strokeText(string text, double x, у, [maxWidth])</b>

Метод

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

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

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

<b>а с е </b>

<b>b d f </b>

<b>0 0 1</b>

Метод

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

<b>СТМ' = СТМ X T</b>

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

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

<b>transform(cos(x),sin(x),-sin(x), cos(x), 0, 0)</b>

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

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

<b>void translate(double х, double у)</b>

Метод

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

ClientRect

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

Объект

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

Свойства

<b>readonly float bottom</b>

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

<b>readonly float height</b>

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

<b>bottom-top</b>
.

<b>readonly float left</b>

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

<b>readonly float right</b>

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

<b>readonly float top</b>

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

<b>readonly float width</b>

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

<b>right-left</b>
.

CloseEvent

определяет, был ли закрыт веб-сокет без ошибок (Event)

Когда закрывается соединение

<b>WebSocket</b>
, в объекте
<b>WebSocket</b>
возбуждается невсплывающее и неотменяемое событие «close», и всем зарегистрированным обработчикам этого события передается объект
<b>CloseEvent</b>
.