, html5 element < lærred > giver dig en let og effektiv måde at gøre grafik med javascript.det kan anvendes til at drage grafer, foto, akkord eller enkle (og ikke så enkel) animeringer. her er en simpel < lærred > element, som kun har to specifikke attributter, bredde og højde, plus alle de centrale html5 attributter som id, navn og klasse osv. < lærred id = "mycanvas" bredde, højde = = "100" og "100" > < /lærred > du kan let finde < lærred > element i dom af getelementbyid(), metode som følger og minus;, var lærred = dokument. getelementbyid ("mycanvas"), lad os se. et enkelt eksempel på < lærred > element i html5 dokument. <!doctype html > < html > < head > < stil >&#mycanvas {grænse: 1px solid rød;} < /stil > < /head > < krop > < lærred id = "mycanvas" bredde, højde = = "100" og "100" > < /lærred > < /organ > < /html > dette vil føre til følgende resultat −,, at rammerne, < lærred > i første omgang er tom, og at vise noget, det første behov adgang til destruktion, sammenhæng og trække på det, lærred element har en dom metode, getcontext,,, der anvendes til at opnå destruktion, sammenhæng og dens udarbejdelse funktioner.denne funktion er en parameter, den form for forbindelse, 2d,. efter koden for at få, der kræves i forbindelse med en check, hvis deres browser støtter < lærred > element −, var lærred = dokument. getelementbyid ("mycanvas"); hvis (lærred. getcontext) (var - ctx = lærred. getcontext ('2d); //tegning kode her} andre (//lærred udokumenterede kode her), om støtte, de seneste udgaver af firefox, safari, krom og opera - støtte til html5 lærred, men ie8 ikke støtter lærred natively. du kan bruge explorercanvas har lærred støtte via internet explorer.du har bare brug for at medtage dette javascript som følger:, <!- hvis han] > < manuskript src = "excanvas. er" > < /manuskript > <![endif] - >, html5 lærred eksempler, det pædagogiske omfatter følgende eksempler i forbindelse med html5 < lærred > element. eksempler beskrivelse, trækning, kvadratisk eller rektangulær form, ubearbejdet, lære at trække rektangel med html5 < lærred > element, at veje, lære at lave profiler ved hjælp af veje html5 < lærred > element, tegner streger, lære at trække linjer med html5 < lærred > element, idet bezier, lære at drage bezier kurve med html5 < lærred > element, idet kvadratiske, lære at trække kvadratiske kurve med html5 < lærred > element, ved hjælp af billeder, lære at bruge billeder med html5 < lærred > element, skabe stigninger, lære at skabe stigninger ved hjælp af html5 < lærred > element, former og farverlære at anvende former og farver ved hjælp af html5 < lærred > element, tekst og skrifttyper, lære at trække utrolig tekst ved hjælp af forskellige skrifttyper og deres størrelse.,, mønster og skygge, lære at drage forskellige mønstre og smid skygger.,, lærred, lære at redde og genoprette lærred stater, mens det komplekse tegninger på et lærred.,, lærred, oversættelse, denne metode anvendes til at flytte lærred og dens oprindelse til et andet punkt i nettet.,, lærred rotation, denne metode anvendes til at rotere lærredet omkring den nuværende oprindelse.,, lærred, afskalning, denne metode anvendes til at øge eller mindre enheder i et lærred, net,.,, lærred omdanne disse metoder tillader ændringer direkte til omdannelse, lærred sammensætning, matrix.denne metode anvendes til masken af visse områder eller klart dele fra gulvet.,, lærred animation, lære at skabe grundlæggende informationstiltag med html5 lærred og javascript.,,
html5 lærred
Previous:html5 server sendte begivenheder
Next Page:html5 audio og video