HTML5 Canvas標籤範例
隨著時代的進步，HTML的版本一直在進化，目前比較新的版本應該就是HTML5了，這次的HTML5針對許多標籤進行調整，當然也新增了一些標籤，主要的目的是希望可以將一些本來需要利用Flash才可以完成的互動頁面取而用HTML5來進行設計，這樣比較能減輕網頁的負載，但不管怎麼進步，其最重要的目的當然還是要網友能夠看到才行！
目前各家的瀏覽器對於HTML5的支援都不一，如果想要測試看看自己所使用的瀏覽器對HTML5的支援程度，可以到這個網址測試，馬老師針對目前的三款瀏覽器（IE9、Firefox6、Chrome13）來做了測試，IE9於HTML5中測試得到了以下的分數：
Firefox6於HTML5中測試得到了以下的分數：
Chrome13於HTML5中測試得到了以下的分數：
所以用以上的結果來看，目前是Google Chrome對於HTML5的支援最好，不過也只是拿了450分中的340而已，所以是否要全面改用HTML5來開發，還是應該要好好的斟酌一下，但是先了解HTML5能做到的功能，一定是沒問題的！以下就是馬老師針對HTML新增的畫布標籤製作的範例，不過因為瀏覽器支援的關係，必須使用Chrome觀賞才會是比較完整的功能喔！
範例影片：
PS：本範例的網頁所使用的圖檔為寬：800、高：600的圖檔，並將圖檔至於img的資料夾中
網頁程式碼：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Slide Show</title>
<script>
var context;
var x = 0;
var ind;
var offset;
var photos = new Array();
for(var i=1;i<=13;i++){
var im = new Image();
im.src = "img/p" + i + ".jpg";
photos.push(im);
}
function slideshow(){
context = document.getElementById('canvas').getContext('2d');
setInterval(loop,10);
}
function loop(){
x += (slider.value - x) * 0.1;
ind = Math.floor(x/800);
offset = x % 800;
context.drawImage(photos[ind], offset, 0, 800-offset, 600, 0, 0, 800-offset, 600);
context.drawImage(photos[ind+1], 0, 0, 800, 600, 800-offset, 0, 800, 600);
}
</script>
</head>
<body onLoad="slideshow()">
<canvas width="800" height="600" id="canvas"></canvas><br />
<input type="range" id="slider" style="width:800px;" min="0" max="9600" step="1" value="0">
</body>
</html>
1win app ios https://1win1024.top .
магазин аккаунтов https://online-akkaunty-magazin.xyz
Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по доступным тарифам.– babygirls025.copiny.com/question/details/id/1093567
1win football http://www.1win1029.top .
1win bonus https://www.1win1034.top .
С кем можно поговорить. Как выйти из депрессии видео. Анонимный психолог.
Сколько встреч нужно?
Услуги психолога · — Консультация психолога.
Психолог Москва. Психолог СПБ. Психолог онлайн.
Онлайн сессия от 63050 руб.
О чем говорить с психологом. Онлайн чат с психологом. Психотерапевт онлайн чат.
Задайте интересующие вас вопросы или запишитесь на сеанс к психологу.
Нужен хороший психолог?
29816 проверенных отзывов.
Сколько встреч нужно?
О чем говорить с психологом. Анонимны чат. Вебинар психология.
Психологическое консультирование.
Онлайн сессия от 46817 руб.
Сколько встреч нужно?
Раздражительность на членов своей семьи.
Помощь психолога анонимно. Психолог оказывает помощь онлайн в чате. Психолог онлайн чат.
Раздражительность на членов своей семьи.
Психолог, Сайт психологов.
Психолог владеет множеством приемов и техник, которые помогут разобраться в себе.
where can i buy clomid without a prescription how to get clomid can i get clomid without prescription
Francisk Skorina https://www.gsu.by Gomel State University. One of the leading academic and scientific-research centers of the Belarus. There are 12 Faculties at the University, 2 scientific and research institutes. Higher education in 35 specialities of the 1st degree of education and 22 specialities.
ГГУ имени Ф.Скорины https://www.gsu.by/ крупный учебный и научно-исследовательский центр Республики Беларусь. Высшее образование в сфере гуманитарных и естественных наук на 12 факультетах по 35 специальностям первой ступени образования и 22 специальностям второй, 69 специализациям.
Good ? I should definitely pronounce, impressed with your web site. I had no trouble navigating through all the tabs as well as related information ended up being truly simple to do to access. I recently found what I hoped for before you know it at all. Reasonably unusual. Is likely to appreciate it for those who add forums or something, web site theme . a tones way for your client to communicate. Excellent task..
Анонимные чаты. Получите помощь психолога онлайн. Видео чат.
Запись на прием, оплата, подробная информация о специалистах и отзывы клиентов.
Индивидуальное консультирование.
Записаться на консультацию.
Раздражительность на членов своей семьи.
ГГУ имени Ф.Скорины https://www.gsu.by/ крупный учебный и научно-исследовательский центр Республики Беларусь. Высшее образование в сфере гуманитарных и естественных наук на 12 факультетах по 35 специальностям первой ступени образования и 22 специальностям второй, 69 специализациям.
Francisk Skorina https://www.gsu.by Gomel State University. One of the leading academic and scientific-research centers of the Belarus. There are 12 Faculties at the University, 2 scientific and research institutes. Higher education in 35 specialities of the 1st degree of education and 22 specialities.
Покупка документа о высшем образовании через надежную компанию дарит ряд достоинств для покупателя. Это решение позволяет сберечь время и существенные финансовые средства. Однако, только на этом выгоды не ограничиваются, преимуществ гораздо больше.Мы можем предложить дипломы любых профессий. Дипломы производят на настоящих бланках государственного образца. Доступная цена по сравнению с серьезными расходами на обучение и проживание. Покупка диплома ВУЗа является выгодным шагом.
Купить диплом о высшем образовании: diplom-club.com/diplom-s-zaneseniem-v-reestr-vigodnaya-tsena/
over the counter amoxicillin canada: amoxicillin 500mg buy online uk – amoxicillin 500mg without prescription
lucky jet 1win app download 1win5071.ru .
1win airdrop http://www.1win1024.top .
Мы изготавливаем дипломы любой профессии по приятным тарифам. Приобретение документа, который подтверждает обучение в университете, – это выгодное решение. Купить диплом о высшем образовании: digital-skill-jobs.web-grafix.in/employer/diplomirovans
Приобрести диплом любого института. Изготовление диплома занимает намного меньше времени, а цена при этом невысокая. В результате вы получаете возможность сохранить деньги и время и получить отличную работу вашей мечты. Купить диплом на заказ вы можете используя официальный портал компании. – veniaminv.flybb.ru/viewtopic.php?f=1&t=4433
populara moldova https://1win5071.ru .
mel-bet.kg https://melbet1017.ru/ .
order generic clomid for sale can you buy generic clomid without insurance buy clomid tablets
Выгодно купить диплом о высшем образовании!
Покупка документа о высшем образовании через надежную компанию дарит ряд преимуществ для покупателя. Приобрести диплом об образовании у проверенной фирмы: doks-v-gorode-ryazan-62.online
buy amoxicillin: amoxicillin 30 capsules price – amoxicillin in india
Amo Health Care: Amo Health Care – Amo Health Care
1win.ci http://1win5072.ru .
продать аккаунт маркетплейсов аккаунтов