Hogyan görgessünk egy HTML-vászon belsejében

A HyperText Markup Language, ismertebb nevén "HTML" 5-ös verziója támogatja a "canvas" nevű új elemet. A HTML5 vászonelemek tárolóként működnek az animáció, a grafika vagy az egyéni JavaScript-kód számára. Ha engedélyezni szeretné a görgetést egy vásznon belül a weboldalon, akkor a teljes vászon elemet becsomagolhatja egy div elembe, majd a túlcsordulás attribútum segítségével hozzáadhatja a szükséges görgetősávokat.

1. lépés

Nyissa meg a vászon elemet tartalmazó HTML-dokumentumot egy webszerkesztő alkalmazásban vagy egy szövegszerkesztőben.

2. lépés

Helyezze a kurzort a „” címke elé a HTML-kódban.

3. lépés

Írja be a következőt a HTML-kódjába:

A túlcsordulás attribútum engedélyezi a görgetősávokat a tárolóban.

4. lépés

Cserélje le a szélesség és magasság attribútumokat a div tároló méretének meghatározásához használni kívánt képpontok számával. Győződjön meg arról, hogy a választott szélességi és magassági értékek elég nagyok ahhoz, hogy illeszkedjenek a vászonelem teljes méretéhez.

5. lépés

Helyezze a kurzort a "" címke mögé.

6. lépés

Írja be a következőt:"

" a HTML-kódba a div tároló bezárásához.

7. lépés

Mentse el a HTML-dokumentumot, és töltse fel webszerverére, hogy görgetve megtekinthesse a vászon elemet.