HTML 5 Canvas Графіка у WEB

Зарегистрируйтесь, чтобы просмотреть полный документ!

РЕГИСТРАЦИЯ

HTML 5 Canvas

Графіка у WEB

Загальний вигляд HTML документа

Редактори розмітки Sublime Text 2 Visual Studio Dreamweaver Web Storm

Події та методи в Java. Script Ø onclick Ø onload Ø document. get. Element. By. Id(‘id’) Ø document. get. Element. By. Tag. Name(“A”) Ø What is debugger? Ø How to use debugger?

Stroke & Fill

Базові поняття в HTML 5 Canvas Робота з примітивами Ø fill. Style = color - визначає колір заливки Ø stroke. Style = color - колір ліній, який задається точно так само як і css Ø stroke. Rect (x, y, ширина, висота) – Малює прямокутник Ø fill. Rect (x, y, ширина, висота) – Малює зафарбований прямокутник Ø clear. Rect (x, y, ширина, висота) – Очищає область на полотні розміром з прямокутник заданого розміру.

Базові поняття в HTML 5 Canvas Малювання складних форм Line Lin e close. Path () stroke () fill () L i n e Stroke e Блоки move. To (x, y) line. To (x, y) L i n e Lin Блок begin. Path () Line Fill Line

Базові поняття в HTML 5 Canvas Криві Без’є Квадратична крива Без’є • bezier. Curve. To(P 1 x, P 1 y, P 2 x, P 2 y, x, y) Кубічна крива Без’є • quadratic. Curve. To(Px, Py, x, y)