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

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

Портрет будущегопервоклассника презентация Портрет будущегопервоклассника презентация 97
Зимние забавы на прогулке материал (средняя группа) Зимние забавы на прогулке материал (средняя группа) 89
От лаптей до кроссовок От лаптей до кроссовок 133
Інформатика 9 клас Інформатика 9 клас 87
Презентация Проект театрализация по сказке Теремок Презентация Проект театрализация по сказке Теремок 149
Аппараты цепей управления Аппараты цепей управления 110
НОД КОРАБЛИК Смешанная техника_ рисование восковым мелком и акварелью материал (средняя группа) НОД КОРАБЛИК Смешанная техника_ рисование восковым мелком и акварелью материал (средняя группа) 79
Использование игровых технологий и технологий ТРИЗ в работе с детьми старшего дошкольного возраста по формированию знаний о правилах безопасного поведения на дороге. презентация к уроку (старшая группа) Использование игровых технологий и технологий ТРИЗ в работе с детьми старшего дошкольного возраста по формированию знаний о правилах безопасного поведения на дороге. презентация к уроку (старшая группа) 53
Лука Пачоли и его вклад Лука Пачоли и его вклад 139
Неоконченное преступление Неоконченное преступление 126
ПСИХОЛОГИЧЕСКАЯ ИНЕРЦИЯ ПСИХОЛОГИЧЕСКАЯ ИНЕРЦИЯ 123
Обзор книги Еремеевой В.Д и Хризман Т. П. Мальчики и девочки — два разных мира презентация Обзор книги Еремеевой В.Д и Хризман Т. П. Мальчики и девочки — два разных мира презентация 156
Развивающая предметно-пространственная среда ДОУ презентация Развивающая предметно-пространственная среда ДОУ презентация 145
УЧАСТИЕ ПРОКУРОРА В ГРАЖДАНСКОМ ПРОЦЕССЕ УЧАСТИЕ ПРОКУРОРА В ГРАЖДАНСКОМ ПРОЦЕССЕ 133
Презентация Роботы презентация к уроку по конструированию, ручному труду (старшая, подготовительная группа) Презентация Роботы презентация к уроку по конструированию, ручному труду (старшая, подготовительная группа) 186
Понятие социокультурные ценности в соответствии ФГОС презентация Понятие социокультурные ценности в соответствии ФГОС презентация 123
Петушок с семьей презентация к уроку по конструированию, ручному труду (старшая группа) по теме Петушок с семьей презентация к уроку по конструированию, ручному труду (старшая группа) по теме 128
elektronnaya didakticheskaya igra ya uznayu samaru vospitatel mbdou no 181 kovaleva t elektronnaya didakticheskaya igra ya uznayu samaru vospitatel mbdou no 181 kovaleva t 90
Урок адыгейского языка Город Майкоп в 7 классе Урок адыгейского языка Город Майкоп в 7 классе 56
Методы ценообразования Методы ценообразования 126
Презентация по окружающему миру Берегите птиц Презентация по окружающему миру Берегите птиц 120
Презентация Электронное портфолио Каплиной Любови Павловны Презентация Электронное портфолио Каплиной Любови Павловны 47
Кері байланысты байланыс жүйелері Кері байланысты байланыс жүйелері 153
Проект В гостях у книги Проект В гостях у книги 39
Slang words are kind of like jargon; they are used in certain groups and understood by the group members.  Slang words are kind of like jargon; they are used in certain groups and understood by the group members.  104
Мечта: дорога к ее осуществлению Мечта: дорога к ее осуществлению 200
презентация Вода вокруг нас.Круговорот воды в природе презентация занятия для интерактивной доски (старшая группа) презентация Вода вокруг нас.Круговорот воды в природе презентация занятия для интерактивной доски (старшая группа) 136
93
День космонавтики презентация к уроку по теме День космонавтики презентация к уроку по теме 104
Презентация по теме Путешествие по Англии презентация к уроку (подготовительная группа) Презентация по теме Путешествие по Англии презентация к уроку (подготовительная группа) 119