Kā ritināt HTML kanvas iekšpusē

...

Pievienojiet ritināšanu HTML kanvas, izmantojot div elementu.

Hiperteksta iezīmēšanas valodas 5. versija, kas labāk pazīstama kā "HTML", ietver atbalstu jaunam elementam. sauc par "audeklu". HTML5 kanvas elements darbojas kā konteiners animācijai, grafikai vai pielāgotam JavaScript kodu. Ja vēlaties savā tīmekļa lapā iespējot ritināšanu audeklā, varat ietīt visu kanvas elementu div elementā un pēc tam izmantot pārpildes atribūtu, lai pievienotu nepieciešamās ritjoslas.

1. darbība

Tīmekļa rediģēšanas lietojumprogrammā vai tekstapstrādes programmā atveriet HTML dokumentu, kurā ir kanvas elements.

Dienas video

2. darbība

Novietojiet teksta kursoru pirms "" tagu savā HTML kodā.

3. darbība

Savā HTML kodā ierakstiet šo:

Pārpildes atribūts iespējos ritjoslas jūsu konteinerā.

4. darbība

Aizstājiet platuma un augstuma atribūtus ar pikseļu skaitu, ko vēlaties izmantot, lai definētu div konteinera izmēru. Pārliecinieties, vai izvēlētās platuma un augstuma vērtības ir pietiekami lielas, lai tās atbilstu visam audekla elementa izmēram.

5. darbība

Novietojiet teksta kursoru aiz taga "".

6. darbība

Ierakstiet "

" HTML kodā, lai aizvērtu div konteineru.

7. darbība

Saglabājiet HTML dokumentu un augšupielādējiet to savā tīmekļa serverī, lai skatītu kanvas elementu ar ritināšanu.