практика Лозинський слайди.pptx
- Количество слайдов: 19
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)
Приклад 1. Малювання прямокутника
Приклад 2. Малювання заштрихованих малюнків
Приклад 3. Заливка малюнків
Приклад 4. Малювання кривих Без’є
Приклади використання Canvas
Приклади використання Canvas
Приклади використання Canvas
Приклади використання Canvas
Якісь питання?
Дякую за увагу
практика Лозинський слайди.pptx