plátno
Jednou z nejdůležitějších nových funkcí do HTML5 je plátno. Funkce plátno umožňuje identifikovat část webové stránky, kreslit obsahu v něm a přidat interaktivní funkce. To vše je možné s pomocí kombinace HTML a JavaScript kód. Pojďme se podívat na tři části, budete muset nastavit plátno v HTML5:
Část 1: Použít < > plátno; tag zaměřit obdélníkovou část obrazovky počítače na novém okně plátně. Můžete určit výšku a šířku plátna, měřeno od jejího levého horního rohu. Atribut identity (id) pro plátna je důležité, protože budete potřebovat, aby odpovídala jeho odpovídající kód JavaScript. Následuje příklad použití tagu plátna v HTML5 kód:
< plátno id = " sampleCanvas "
width = " 400 "
height = &Quot; 300 >
Pokud vidíte tento text, váš prohlížeč
nemá podporu HTML5 plátno
< /plátno >
Část 2.: Vytvořte JavaScript, který čerpá obsah do plátna. Později budeme zjistit, jak přidávat a spravovat kód JavaScript spojeného s webovou stránku HTML5. Tady, pojďme se podívat na některé jen vzorek JavaScript můžete použít pro plátno objekty. Následující kód nakreslí obdélník uvnitř plátna nahoře:
Funkce drawRectangle () {
var targetCanvas = document.getElementById (" sampleCanvas "),
var rectContext = sampleCanvas.getContext (" 2d "),
rectContext.fillStyle = " modré a quot;;
rectContext.fillRect (50, 25, 150, 100);
}
Tato funkce vykreslí modrá obdélník přímo ve Vašem plátna. Dva " var " linky vytvořit proměnné, které můžete použít. První (targetCanvas) identifikuje canvas element cílíte pomocí jeho ID z HTML. Druhý (rectContext) nastaví dvojrozměrné kontext pro kreslení. Myslete na kontextu jako čiré vrstvy skla, položil na horní straně plátna, a budete volat funkce čerpat na tomto skle
". FillStyle " linka identifikuje barvu modrou podle názvu, který uznává HTML a přidružených společností s jedním ze svých pojmenované barvy. Můžete také použít jakoukoliv barvu, vzorek nebo přechod, jak byste při psaní ve stylu kódu v HTML nebo CSS. &Quot; fillRect " čára kreslí počáteční obdélník na posun od levé horní části, první dvě čísla bytí x a y posuny, jako kdyby je levý horní plátna byla na souřadnicích (0,0). Druhé dvě čísla označují šířku a výšku obdélníku, resp
Část 3
