Innledning HTML5 er den nyeste versjonen av HTML (fortsatt å bli godkjent skjønt). Det har kommet med et nytt element ringte, Canvas element. Formålet lerretet element er å tillate tegning i den ved ECMAScript (og DOM). I denne artikkelen presentere jeg deg til HTML Canvas element og gi deg en link til hvor du kan studere det grunnleggende med små matematiske ferdigheter. Kodene til Element Så langt som koder er bekymret, er det bare en enkel dobbel-tag element.
Følgende tag paret vil skape et lerret element av bredde, 400px og høyde, 300px: Nettleseren din støtter ikke lerretet element! Så du kan ikke se diagrammet. Oppgrader nettleseren din. Hvis nettleseren ennå ikke støtter lerretet element, vil da teksten i mellom tag parene vises. I opplæringen serien at jeg vil anbefale deg, vil du studere følgende: HTML canvas Element "HTML canvas Element" er tittelen på den første delen av serien. Denne delen gir deg en oversikt over lerretet element: hvordan å lage den; det grunnleggende du trenger å trekke på den, og den grunnleggende koden du trenger.
Tegning rette linjer i en HTML Canvas Overskriften er tittelen på neste del av serien. I denne delen av serien, begynner du å lære å tegne rette linjer. Du vil også lære hvordan å farge rette linjer. Siden linjer har bredde, vil du også lære noen egenskaper ved linjen. Tegning Curves i en HTML Canvas Den neste delen av serien, lærer deg hvordan du kan tegne buen av en sirkel. Den lærer deg også hvordan du kan tegne spesielle kurver. Lukk Shapes i HTML Canvas Følgende del av serien, lærer deg hvordan du kan tegne lukkede former. De lukkede former vurderes er: rektangelet, kvadratet og sirkelen.
Tekst for HTML Canvas Den neste delen lærer du hvordan du skal skrive tekst på et lerret element og gi den farge. Den Artiste og Canvas Element Normal tegning er kunst og ikke vitenskap. Du bør forvente at kunstnere ønsker å bruke lerretet element. Mange kunstnere er ikke god i matte. Det er derfor opplæringen serien har blitt brutt ned i små biter, for å unngå bruk av matematikk så mye som mulig. Så, hvis du ikke er god i matte, ikke bli skremt; du vil være i stand til å lese og forstå serien.
Etter det, vil du kunne bruke lerretet element for å trekke dine vakre bilder, som du gjør med hånden (på papir). Forutsetning Du må ha grunnleggende kunnskaper i HTML. CSS, ECMAScript og DOM, for å kunne lese og forstå serien. Som du kan se fra de ovennevnte, er studiet og bruk av lerretet element veldig spennende, særlig for d