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

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

ЭКСПОРТ-ИМПОРТ УСЛУГ БЕЛАРУСИ ЭКСПОРТ-ИМПОРТ УСЛУГ БЕЛАРУСИ 241
Онкологические заболевания Онкологические заболевания 125
chto delaet mishka ch1 chto delaet mishka ch1 128
Налоговая политика: типы, цели и задачи Налоговая политика: типы, цели и задачи 160
Каналы с холостым ходом теплоносителя (трубка Фильда) Каналы с холостым ходом теплоносителя (трубка Фильда) 223
Шоу мыльных пузырей в ДОУ летом 2019г Шоу мыльных пузырей в ДОУ летом 2019г 145
презентация квест-игра презентация презентация квест-игра презентация 166
tablitsy 1 i 2 tablitsy 1 i 2 139
Образовательное событие День рождения презентация к уроку (средняя группа) Образовательное событие День рождения презентация к уроку (средняя группа) 148
ФГОС в ДОУ - что такое? презентация к уроку ФГОС в ДОУ - что такое? презентация к уроку 166
Презентация по дисциплине Компьютерные сети на тему Технические средства объединения сетей Презентация по дисциплине Компьютерные сети на тему Технические средства объединения сетей 156
Лексическая тема Грибы. Осуществление совместной деятельности детей и взрослых (технология дистанционного обучения) учебно-методическое пособие по теме Лексическая тема Грибы. Осуществление совместной деятельности детей и взрослых (технология дистанционного обучения) учебно-методическое пособие по теме 144
После самых длинных каникул. консультация (2 класс) После самых длинных каникул. консультация (2 класс) 90
Нормативное правовое и методическое обеспечение организации дорожного движения и в городах Российской Федерации Нормативное правовое и методическое обеспечение организации дорожного движения и в городах Российской Федерации 164
Квиллинг презентация к уроку по конструированию, ручному труду (подготовительная группа) Квиллинг презентация к уроку по конструированию, ручному труду (подготовительная группа) 141
Конспект НОД в подготовительной к школе группе Военный городок план-конспект занятия по конструированию, ручному труду (подготовительная группа) Конспект НОД в подготовительной к школе группе Военный городок план-конспект занятия по конструированию, ручному труду (подготовительная группа) 74
Наказание в правосудии Наказание в правосудии 121
Из сумки почтальона - библиотечный урок о детской периодике для младших классов. Из сумки почтальона - библиотечный урок о детской периодике для младших классов. 227
okruzhayushchiy mir okruzhayushchiy mir 152
Вежливость Вежливость 169
Надпредметный курс Мир деятельности как средство формирования УУД в условиях реализации ФГОС(тема самообразования 2012-2016уч.год). презентация к уроку Надпредметный курс Мир деятельности как средство формирования УУД в условиях реализации ФГОС(тема самообразования 2012-2016уч.год). презентация к уроку 136
Проектная деятельность в ДОУ Проектная деятельность в ДОУ 147
Электрические и ионные зубные щетки Электрические и ионные зубные щетки 177
Отчет о летней оздоровительной работе презентация к уроку (младшая группа) по теме Отчет о летней оздоровительной работе презентация к уроку (младшая группа) по теме 152
В мире сказок и былин презентация В мире сказок и былин презентация 167
Мой успех в моих руках Мой успех в моих руках 188
мастер-класс для родителей с детьми Традиционная тряпичная кукла материал (подготовительная группа) мастер-класс для родителей с детьми Традиционная тряпичная кукла материал (подготовительная группа) 181
Смартфон арқылы видео түсіру Смартфон арқылы видео түсіру 104
domashnie zhivotnye domashnie zhivotnye 182
Моделирование современного урока в начальной школе в свете стандартов второго поколения проект Моделирование современного урока в начальной школе в свете стандартов второго поколения проект 162