Åpne et nytt, tomt dokument og tittel det "lerret - animation.html . " Opening det nye dokumentet i en web-utvikling -programmet kan gjøre redigeringen enklere, men hvis du ikke har en bare bruke en enkel tekstredigering program . 2
Skriv inn koden for å definere din HTML5 dokumentet, inkludert dOCTYPE , hodet og kroppen av dokumentet. Som i følgende eksempel, stille inn tegnsettet og tittelen på dokumentet hodet : < ! DOCTYPE html >
Legg , og koder til kroppen av dokumentet. Seksjonen tag er nytt i HTML5 . Det definerer seksjoner i et web-dokument . Lerretet tag definerer den rektangulære lerretet du vil bruke til å bygge din JavaScript animasjon. Følgende eksempel har ID "animasjon ", som vil bli brukt som en referanse ved JavaScript ditt : en < meta charset = " < DOCTYPE html > UTF - 8 "/> HTML5 Canvas Animasjon < /title> < /head> < /lerret > < /§ > < /body > < /html > . 4 Sett bredden og høyden på lerretet og fylle den med tekst som skal vises på nettlesere som ikke støtter HTML5 . Lerretet kan stilles til alle størrelser , avhengig av dine behov . Husk imidlertid at større lerreter ta lengre tid å laste. Her er et eksempel : < ! DOCTYPE html > HTML5 Canvas Animasjon < /title> < /head> Beklager, din nettleser ikke støtter ikke HTML5 og i sin tur , kan ikke laste denne animasjonen. < /lerret > < /seksjon > < /body > < /html > . 5 "Paint " din JavaScript animasjon på element ved hjelp av " getElementById ( ) "-metoden for å koble skriptene til lerretet ' " animasjon" ID . Hvis du ikke har tidligere erfaring å skrive JavaScript- animasjoner , er det en rekke eksempler du kan prøve er gitt i Resources i denne artikkelen.
Sett bredden og høyden på lerretet og fylle den med tekst som skal vises på nettlesere som ikke støtter HTML5 . Lerretet kan stilles til alle størrelser , avhengig av dine behov . Husk imidlertid at større lerreter ta lengre tid å laste. Her er et eksempel : < ! DOCTYPE html >
"Paint " din JavaScript animasjon på element ved hjelp av " getElementById ( ) "-metoden for å koble skriptene til lerretet ' " animasjon" ID . Hvis du ikke har tidligere erfaring å skrive JavaScript- animasjoner , er det en rekke eksempler du kan prøve er gitt i Resources i denne artikkelen.
früher : Hvordan Trace sakte i JavaScript