Hvordan Bla Inne i en HTML Canvas

Versjon 5 av Hypertext Markup Language, bedre kjent som "HTML", inkluderer støtte for et nytt element kalt "lerret". En HTML5 lerret element fungerer som en beholder for animasjon, grafikk eller egendefinerte Javascript-kode. Hvis du vil aktivere rulling innenfor et lerret på websiden, kan du pakke hele lerretet element i en div element og deretter bruke overflow-attributtet til å legge de nødvendige rullefelt.

Bruksanvisning

1 Åpne HTML-dokument som inneholder lerretet element i en Web program eller et tekstbehandlingsprogram.

2 Plasser tekstmarkøren før "<canvas>" tag i HTML-koden.

3 Skriv inn følgende i HTML-koden:

<Div style = "width: 100px; height: 100px; overflow: auto;">

Overløps attributt vil gjøre det mulig rullefelt i beholderen.

4 Sett på bredde og høyde attributter med pixel beløp du vil bruke til å definere størrelsen på div container. Pass på at bredden og høyden verdier du velger er store nok til å passe hele størrelsen på lerretet element.

5 Plasser tekstmarkøren etter "</ canvas>" tag.

6 Type "</ div>" i HTML-koden for å lukke div container.

7 Lagre HTML-dokument og laste det opp til webserveren til å vise lerretet element med rulling.