выполняет рисование линий, составляющих текущий контур. Контур определяет лишь геометрию линии, которая должна быть воспроизведена, а визуальное ее представление зависит от значений свойств
strokeStyle, lineWidth, lineCap, lineJoin
и
miterLimit
.
Под термином stroke (чертить) понимается вычерчивание линий пером или кистью. Это означает «нарисовать контур». В противовес методу
stroke,
метод
fill
выполняет заливку внутренней области без рисования ее контура,
void strokeRect(double х, у, tv, h)
Рисует контур (не выполняя заливку внутренней области) прямоугольника с заданными координатами и размерами. Цвет и толщина линий определяются значениями свойств
strokeStyle
и
lineWidth
. Стиль оформления сопряжений в углах прямоугольника определяется значением свойства
lineJoin
.
В отличие от метода
rect,
метод
strokeRect
не оказывает влияния на текущий контур или текущую позицию пера,
за исключением того, что он не выполняет заливку отдельных символов в соответствии со значением свойства
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
.
CloseEvent
определяет, был ли закрыт веб-сокет без ошибок (Event)
Когда закрывается соединение
WebSocket
, в объекте
WebSocket
возбуждается невсплывающее и неотменяемое событие «close», и всем зарегистрированным обработчикам этого события передается объект
CloseEvent
.
Свойства
readonly boolean wasClean
Если соединение
WebSocket
было закрыто управляемым способом, как определяется протоколом веб-сокетов, с подтверждением со стороны клиента и сервера, говорят, что закрытие было выполнено чисто, и это свойство имеет значение true. Если это свойство имеет значение false, веб-сокет мог быть закрыт в результате какой-либо сетевой ошибки.