"Flash" perkelti į kitą puslapį, kur mes sugriauti drobė elementas ir kaip jį naudoti savo HTML5 interneto puslapius.
drobės
Vienas iš svarbiausių naujų funkcijų HTML5 yra drobė. Drobė funkcija leidžia jums nustatyti iš tinklalapio skyrių, piešti turinį per jį ir pridėti interaktyvią funkciją. Visa tai yra įmanoma su per HTML ir JavaScript kodą derinys. Pažvelkime iš trijų dalių jums reikia įsteigti drobės HTML5: Rīga,
1 dalis: Naudokite < drobės > Tag nukreipti stačiakampio dalį savo kompiuterio ekrane naujos drobės langą. Galite nurodyti aukštį ir plotį drobės, matuojant nuo jo viršutiniame kairiajame kampe. Asmens tapatybės požymis (ID) ir drobės yra svarbus, nes jums reikia jį suderinti savo atitinkamą JavaScript kodą. Toliau pateikiamas naudojant drobė žymę HTML5 kodas pavyzdys:
< drobė id = " sampleCanvas "
width = " 400 "
aukštis = " 300 >
Jei matote šį tekstą, Jūsų naršyklė
neturi HTML5 drobės paramą
< /drobė >
2 dalis.: Sukurti JavaScript, kad patrauktų turinį į drobės. Vėliau mes sužinoti, kaip pridėti ir tvarkyti JavaScript kodą, susijusį su HTML5 interneto puslapyje. Čia galime tik pažvelgti į kai mėginio JavaScript galite naudoti drobė objektų. Šis kodas atkreipia stačiakampį per aukščiau drobės:
funkcija drawRectangle () {
var targetCanvas = document.getElementById (" sampleCanvas ");
var rectContext = sampleCanvas.getContext (" 2d ");
rectContext.fillStyle = " mėlyna ";
rectContext.fillRect (50, 25, 150, 100);
}
Ši funkcija atkreipia tvirtą mėlyname stačiakampyje per savo drobės. Du " var " linijos sukuria kintamuosius, kuriuos galite naudoti. Pirmasis (targetCanvas) identifikuoja drobė elementas taikote naudojant savo ID iš HTML. Antrasis (rectContext) įkuria dvimatis kontekstą brėžinyje. Pagalvokite apie kontekstą, kaip aiškiai sluoksniu stiklo nustatyta ant drobės, ir jums skambinti funkcijas atkreipti tą stiklo
". FillStyle " linija identifikuoja mėlyna spalva pagal pavadinimą, kuris HTML pripažįsta ir asocijuojasi su vienu iš savo išvardintų spalvų. Taip p
