<canvas>
â ÑÑо HTML ÑлеменÑ, иÑполÑзÑÑÑийÑÑ Ð´Ð»Ñ ÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð³ÑаÑики ÑÑедÑÑвами ÑзÑков пÑогÑаммиÑÐ¾Ð²Ð°Ð½Ð¸Ñ (обÑÑно ÑÑо JavaScript). Ðн можеÑ, к пÑимеÑÑ, иÑполÑзоваÑÑÑÑ Ð´Ð»Ñ ÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð³ÑаÑов, ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÐºÐ¾Ð»Ð»Ð°Ð¶ÐµÐ¹ или пÑоÑÑой анимаÑии. ÐзобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð² пÑавой ÑаÑÑи ÑÑаÑÑи ÑвлÑÑÑÑÑ Ð¿ÑимеÑами иÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ <canvas>.
ÐÑимеÑÑ Ð¸Ñ
ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¿ÑиводÑÑÑÑ Ð² ÑÑой ÑÑаÑÑе.
Ð ÑÑом ÑÑководÑÑве опиÑÑваÑÑÑÑ Ð¾ÑÐ½Ð¾Ð²Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÑлеменÑа <canvas>
Ð´Ð»Ñ ÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ 2D-гÑаÑики. ÐÑиведÑннÑе пÑимеÑÑ Ð´Ð°Ð´ÑÑ Ð²Ð°Ð¼ понимание Ñого, ÑÑо Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе ÑделаÑÑ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ <canvas>, а иÑполÑзованнÑе в ÑÑаÑÑе ÑÑагменÑÑ ÐºÐ¾Ð´Ð° помогÑÑ Ð² Ñоздании ÑобÑÑвеннÑÑ
пÑоекÑов.
ÐпеÑвÑе <canvas>
иÑполÑзовалÑÑ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸ÐµÐ¹ Apple Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Mac OS X Dashboard, а заÑем бÑл Ñеализован в Web-бÑаÑзеÑаÑ
. Ðа ÑегоднÑÑний Ð´ÐµÐ½Ñ Ð²Ñе оÑновнÑе бÑаÑзеÑÑ Ð¿Ð¾Ð´Ð´ÐµÑживаÑÑ ÑабоÑÑ Ñ <canvas>. Тег <canvas>
ÑаÑÑÑ ÑпеÑиÑикаÑии WhatWG Web applications 1.0 Ñакже извеÑÑной как HTML5.
РабоÑа Ñ ÑлеменÑом <canvas>
доволÑно пÑоÑÑа, но поÑÑебÑÐµÑ Ð¾Ñ Ð²Ð°Ñ Ð±Ð°Ð·Ð¾Ð²ÑÑ
знаний HTML и JavaScript. СледÑÐµÑ Ð¿ÑедÑпÑедиÑÑ Ð¾ Ñом, ÑÑо ÑÐ»ÐµÐ¼ÐµÐ½Ñ <canvas>
не ÑабоÑÐ°ÐµÑ Ð² некоÑоÑÑÑ
ÑÑаÑÑÑ
бÑаÑзеÑаÑ
, но поддеÑживаеÑÑÑ Ð±Ð¾Ð»ÑÑинÑÑвом ÑовÑеменнÑÑ
бÑаÑзеÑов. СÑандаÑÑнÑй ÑÐ°Ð·Ð¼ÐµÑ <canvas>
300px à 150px (ÑиÑина à вÑÑоÑа), однако ÑÑи ÑазмеÑÑ Ð¼Ð¾Ð³ÑÑ Ð±ÑÑÑ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ñ Ð¿Ñи помоÑи HTML-аÑÑибÑÑов height
и width
. ÐÐ»Ñ ÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð³ÑаÑики <canvas>
Ð¼Ñ Ð±Ñдем иÑполÑзоваÑÑ javascript context object
, коÑоÑÑй ÑоздаÑÑ Ð³ÑаÑÐ¸ÐºÑ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÑеÑки.
Ðз-за доÑадной ÑÐµÑ Ð½Ð¸ÑеÑкой оÑибки, коÑоÑÐ°Ñ Ð¿ÑоизоÑла 17 иÑÐ½Ñ 2013 года, Ð¼Ñ ÑÑеÑÑли иÑÑоÑÐ¸Ñ Ð¿Ð¾ ÑÑÐ¾Ð¼Ñ ÑÑководÑÑвÑ, в Ñом ÑиÑле аÑÑибÑÑии ко вÑем пÑоÑлÑм, ÑÑаÑÑвовавÑие в его Ñоздании. ÐÑ Ð¿ÑиноÑим Ð¸Ð·Ð²Ð¸Ð½ÐµÐ½Ð¸Ñ Ð·Ð° ÑÑо, и надеемÑÑ, ÑÑо Ð²Ñ Ð¿ÑоÑÑиÑе Ð½Ð°Ñ Ð·Ð° ÑÑÐ¾Ñ Ð½ÐµÑÑаÑÑнÑй ÑлÑÑай.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4