Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Html5 canvas

Содержание

Графіка у WEB
HTML5 Canvas Графіка у WEB Загальний вигляд HTML документа Редактори розмітки onclickonloaddocument.getElementById(‘id’)document.getElementByTagName(“A”)What is debugger?How to use debugger?Події та методи в JavaScript Stroke & Fill fillStyle = color - визначає колір заливкиstrokeStyle = color - колір ліній, Блок beginPath ()Блоки moveTo (x, y)lineTo (x, y) closePath () stroke () Базові поняття в HTML5 Canvas Криві Без’є Приклад 1. Малювання прямокутника Приклад 2. Малювання заштрихованих малюнків Приклад 3. Заливка малюнків Приклад 4.Малювання кривих Без’є Приклади використання Canvas Приклади використання Canvas Приклади використання Canvas Приклади використання Canvas Якісь питання? Дякую за увагу
Слайды презентации

Слайд 2 Графіка у WEB

Графіка у WEB

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

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

Слайд 4 Редактори розмітки

Редактори розмітки

Слайд 5 onclick
onload
document.getElementById(‘id’)
document.getElementByTagName(“A”)
What is debugger?
How to use debugger?

Події та методи

onclickonloaddocument.getElementById(‘id’)document.getElementByTagName(“A”)What is debugger?How to use debugger?Події та методи в JavaScript

в JavaScript

Слайд 6 Stroke & Fill

Stroke & Fill

Слайд 7 fillStyle = color - визначає колір заливки
strokeStyle =

fillStyle = color - визначає колір заливкиstrokeStyle = color - колір

color - колір ліній, який задається точно так само

як і css
strokeRect (x, y, ширина, висота) – Малює прямокутник
fillRect (x, y, ширина, висота) – Малює зафарбований прямокутник
clearRect (x, y, ширина, висота) – Очищає область на полотні розміром з прямокутник заданого розміру.

Базові поняття в HTML5 Canvas Робота з примітивами

Слайд 8 Блок beginPath ()

Блоки moveTo (x, y)
lineTo (x, y)
closePath () stroke () fill

Блок beginPath ()Блоки moveTo (x, y)lineTo (x, y) closePath () stroke

()

Базові поняття в HTML5 Canvas Малювання складних форм
Fill
Line
Line

Line

Line

Stroke

Line

Line

Line

Слайд 9 Базові поняття в HTML5 Canvas Криві Без’є

Базові поняття в HTML5 Canvas Криві Без’є

Слайд 10 Приклад 1. Малювання прямокутника

Приклад 1. Малювання прямокутника

Слайд 11 Приклад 2. Малювання заштрихованих малюнків

Приклад 2. Малювання заштрихованих малюнків

Слайд 12 Приклад 3. Заливка малюнків

Приклад 3. Заливка малюнків

Слайд 13 Приклад 4.Малювання кривих Без’є

Приклад 4.Малювання кривих Без’є

Слайд 14 Приклади використання Canvas

Приклади використання Canvas

Слайд 15 Приклади використання Canvas

Приклади використання Canvas

Слайд 16 Приклади використання Canvas

Приклади використання Canvas

Слайд 17 Приклади використання Canvas

Приклади використання Canvas

Слайд 18 Якісь питання?

Якісь питання?
  • Имя файла: html5-canvas.pptx
  • Количество просмотров: 90
  • Количество скачиваний: 0
- Предыдущая Управление конфликтами в организации
Следующая - Presrnt Simple

Похожие презентации

Skype-interview Skype-interview 100
Внедрение ФГОС в старшей группе методическая разработка (старшая группа) по теме Внедрение ФГОС в старшей группе методическая разработка (старшая группа) по теме 104
Интернет как инструмент привлечения инвестиций Интернет как инструмент привлечения инвестиций 85
опыт работы презентация к уроку (подготовительная группа) опыт работы презентация к уроку (подготовительная группа) 85
proekt nosova polina proekt nosova polina 103
Что мы понимаем под ресурсами ребенка с ОВЗ презентация Что мы понимаем под ресурсами ребенка с ОВЗ презентация 96
Конспект совместной организованной образовательной деятельности с детьми средней группы Путешествие на воздушных шариках план-конспект занятия (средняя группа) Конспект совместной организованной образовательной деятельности с детьми средней группы Путешествие на воздушных шариках план-конспект занятия (средняя группа) 91
Холодильник Холодильник 131
Чертежные инструменты Чертежные инструменты 80
Волшебный колокольчик презентация к уроку (старшая группа) Волшебный колокольчик презентация к уроку (старшая группа) 107
кризис 3-х лет презентация к уроку (младшая группа) кризис 3-х лет презентация к уроку (младшая группа) 99
Решение вопросов электроснабжения Кантемировского района, Воронежской области Решение вопросов электроснабжения Кантемировского района, Воронежской области 110
Web Page Redesign brief Web Page Redesign brief 77
Презентация к урокуЧесть и достоинство ОРКСЭ презентация к уроку (4 класс) Презентация к урокуЧесть и достоинство ОРКСЭ презентация к уроку (4 класс) 132
Московский государственный строительный университетКафедра экономики и управления в строительствеУПРАВЛЕНЧЕСКИЙ УЧЕТ Московский государственный строительный университетКафедра экономики и управления в строительствеУПРАВЛЕНЧЕСКИЙ УЧЕТ 92
katushka1 katushka1 185
Презентация Уголок природы во второй младшей группе консультация (младшая группа) Презентация Уголок природы во второй младшей группе консультация (младшая группа) 143
Землеройно-транспортные машины Землеройно-транспортные машины 148
Влияние присадок на изменение кристаллической решетки и физико-механических свойств цветных металлов Влияние присадок на изменение кристаллической решетки и физико-механических свойств цветных металлов 119
Предметно - пространственная развивающая среда в группе в соответсвии с ФГОС презентация к уроку (старшая группа) по теме Предметно - пространственная развивающая среда в группе в соответсвии с ФГОС презентация к уроку (старшая группа) по теме 121
prezentatsiya semya prezentatsiya semya 126
Презентация по истории Край, в котором я живу Презентация по истории Край, в котором я живу 104
для учащихся начальной школы для учащихся начальной школы 168
Указатели Указатели 96
Презентация Организация исследовательской работы учащихся, как залог её успешности Презентация Организация исследовательской работы учащихся, как залог её успешности 93
ДОЛГОСРОЧНЫЕ АКТИВЫПРЕДНАЗНАЧЕННЫЕ ДЛЯ ПРОДАЖИ(ifrs 5) ДОЛГОСРОЧНЫЕ АКТИВЫПРЕДНАЗНАЧЕННЫЕ ДЛЯ ПРОДАЖИ(ifrs 5) 109
Презентация к уроку чтение: Звук [с] и буква С, с. презентация к уроку (1 класс) Презентация к уроку чтение: Звук [с] и буква С, с. презентация к уроку (1 класс) 89
Презентация афиши номера Земля - наш общий дом презентация к уроку (старшая группа) Презентация афиши номера Земля - наш общий дом презентация к уроку (старшая группа) 82
Организмдердің тіршілік формалары Организмдердің тіршілік формалары 248
tvorcheskiy proekt66 001 tvorcheskiy proekt66 001 105