Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Новые теги HTML5 - canvas.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть тег < canvas> поддерживается во всех основных браузерах.

Внимание!!! Internet Explorer 8 и более ранние версии, не поддерживают < canvas> тег.

Определение и использование. Тег < canvas> предназначен для создания графики, на лету, с помощью сценариев( обычно JavaScript). Тег < canvas> только контейнер для графики, необходимо использовать сценарий для рисования графики.

Отличия между HTML 4.01 и HTML5. Тег < canvas> является новым в HTML5. Будьте внимательней и не спешите при применении тегов. Вы всегда предварительно можете протестировать работу любого тега в любом браузере.

Внимание!!! Любой текст внутри элемента < canvas> будет отображаться в браузерах, которые не поддерживают тег < canvas>.

Основы разметок HTML дают необходимый минимум материала, чтобы отображать документ на странице сайта. В настоящее время в разработках HTML наблюдается следующий цикл создания основ HTML. На более высоком интерактивном уровне. В самих разметках создаются атрибуты, которые самостоятельно оживляют действия над объектами при создании и оформления страниц сайта. Будет прорыв основ HTML в голосовом управлении всеми действиями на страницах сайта. Все трудоемкие процессы по созданию сайта возьмет на себя машина и основы HTML преобразятся. Что из этого выйдет - покажет время, точнее идет прорыв в данном направлении.



Атрибуты

Вновь  : Новое в HTML5.

Атрибут Значение Описание
height------------- =====Вновь pixels Указывает высоту холста
width-------------- =====Вновь pixels Задает ширину холста


ПРИМЕР

Вот, один пример использования тега < canvas>:

                      Нарисуйте красный квадрат, на лету, и покажите его внутри элемента < canvas>:
                        < !DOCTYPE html>
                        < html>
                        < body>
                              < canvas id="myCanvas">Ваш браузер не поддерживает HTML5 тег canvas.< /canvas>
                              < script>
                                      var c=document.getElementById('myCanvas');
                                      var ctx=c.getContext('2d');
                                      ctx.fillStyle='#FF0000';
                                      ctx.fillRect(0,0,80,100);
                              < /script>
                        < /body>
                        < /html>

Вот, ниже результат действия тега < canvas>:

Ваш браузер не поддерживает HTML5 тег canvas.

Тег < canvas> поддерживает Глобальные атрибуты в HTML: КЛИКНИ СЮДА

Тег < canvas> также поддерживает Атрибуты событий в HTML: КЛИКНИ СЮДА




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: