HTML5 за 10 минут

Отбрасывание теней


В элементе управления Canvas допускается также добавлять тени, отбрасываемые графическими элементами, с помощью следующих атрибутов.

•    attribute float shadowBlur; // (по умолчанию устанавливается размытие тени 0)

•    attribute DOMString shadowColor; // (по умолчанию устанавливается прозрачный черный цвет тени)

•    attribute float shadowOffsetX; // (по умолчанию смещение тени по горизонтали устанавливается равным 0)

•    attribute float shadowOffsetY; 11 (по умолчанию смещение тени по вертикали устанавливается равным 0)

Рисование прямоугольников

Ниже перечисляются функции JavaScript, применяемые для рисования прямоугольников.

•    clearRect(float х, float у, float w, float h); // очистить прямоугольник

•    fillRectffloat x, float y, float w, float h); 11 заполнить прямоугольник

•    strokeRect(float x, float y, float w, float h); 11 обвести прямоугольник

Рисование сложных форм

С помощью элемента управления Canvas можно рисовать дуги, кривые Безье и прочие сложные формы, применяя следующие функции.

•    arc(float х, float у, float radius, float startAngle, float endAngle, boolean anticlockwise); // нарисовать дугу

•    arcTo(float xl, float yl, float x2, float y2, float radius); // нарисовать дугу от одной точки к другой

•    beginPathf); // начать контур

•    bezierCurveTo(float cplx, float cply, float cp2x, float cp2y, float x, float у); // нарисовать кривую Безье от одной точки к другой

•    clip(); // ограничить контур

•    closePathf); // замкнуть контур

•    fill(); // заполнить форму

•    lineTo(float х, float у); // провести прямую линию из одной точки в другую

•    moveToffloat х, float у); // переместить из одной точки в другую

•    quadraticCurveToffloat cpx, float cpy, float x, float y); 11 нарисовать кривую второго порядка от одной точки к другой

•    rect(float х, float у, float w, float h); // нарисовать прямоугольник

•    stroked; 11 обвести по контуру

•    boolean isPointlnPathffloat x, float у); // определить наличие заданной точки на контуре

Комментарии закрыты