Что такое 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
  • Количество просмотров: 94
  • Количество скачиваний: 0
- Предыдущая Управление конфликтами в организации
Следующая - Presrnt Simple

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

Угрозы по телефону. Угрозы по телефону. 177
Социализация людей с нарушениями развития и интеллекта Социализация людей с нарушениями развития и интеллекта 95
Виды СУБД Виды СУБД 135
Мастер-класс для детей средней группы Праздничный букет презентация к уроку (средняя группа) Мастер-класс для детей средней группы Праздничный букет презентация к уроку (средняя группа) 123
Адаптивный иммунитет Адаптивный иммунитет 106
Summers Summers 149
Использование электроэнергии в транспорте Использование электроэнергии в транспорте 174
Глушнев 8 марта. Глушнев 8 марта. 172
Презентация Осенний калейдоскоп. презентация занятия для интерактивной доски (младшая группа) по теме Презентация Осенний калейдоскоп. презентация занятия для интерактивной доски (младшая группа) по теме 90
Конспект организованной - образовательной деятельности с детьми подготовительной группы Экскурсия по городу Самара план-конспект занятия (подготовительная группа) Конспект организованной - образовательной деятельности с детьми подготовительной группы Экскурсия по городу Самара план-конспект занятия (подготовительная группа) 92
Презентация по ТОНКМ с методикой обучения на тему Текстовые задачи Презентация по ТОНКМ с методикой обучения на тему Текстовые задачи 167
Микроэлементы: Микроэлементы: 134
Жизнь группы № 5 презентация к уроку (младшая группа) Жизнь группы № 5 презентация к уроку (младшая группа) 37
Склонение имен и фамилий Склонение имен и фамилий 128
Моя любимая игрушка своими руками презентация к уроку по конструированию, ручному труду (средняя группа) по теме Моя любимая игрушка своими руками презентация к уроку по конструированию, ручному труду (средняя группа) по теме 86
КОСМЕТОЛОГ КОСМЕТОЛОГ 137
Балаға жүрек жылуы 3 сынып Балаға жүрек жылуы 3 сынып 694
хоспис хоспис 281
Газета Веселая семейка Ноябрь 2017г. статья (подготовительная группа) Газета Веселая семейка Ноябрь 2017г. статья (подготовительная группа) 99
prezentatsiya 4 prezentatsiya 4 123
Смешные фото с животными Смешные фото с животными 100
Презентация по ОРКС на тему Дружба Презентация по ОРКС на тему Дружба 240
ПОРОЧНЫЙ КРУГ ПОРОЧНЫЙ КРУГ 112
Розвиток зв'язного мовлення. Складаємо опис. Розвиток зв'язного мовлення. Складаємо опис. 104
Активизация познавательных интересов посредством применения ИКТ презентация к уроку Активизация познавательных интересов посредством применения ИКТ презентация к уроку 132
Адаптация детей к детскому саду. презентация к уроку (младшая группа) Адаптация детей к детскому саду. презентация к уроку (младшая группа) 113
Электрическая часть станций и подстанций Электрическая часть станций и подстанций 91
Офорление материал (младшая группа) Офорление материал (младшая группа) 106
Фруктовые букеты! Фруктовые букеты! 127
Взаимодействие ДОУ с семьей презентация Взаимодействие ДОУ с семьей презентация 87