Come abilitare lo scorrimento all'interno di un canvas HTML

La versione 5 dell'HyperText Markup Language (HTML5) include il supporto per un nuovo elemento chiamato "canvas". Un elemento canvas HTML5 funge da contenitore per animazioni, grafica o codice JavaScript personalizzato. Se si vuole abilitare lo scorrimento all'interno di un canvas nella pagina web, si può avvolgere l'intero elemento canvas in un elemento div e poi usare l'attributo overflow per aggiungere le barre di scorrimento necessarie.

Passaggio 1

Aprire il documento HTML contenente l'elemento canvas in un'applicazione di editing web o un elaboratore di testi.

Passaggio 2

Posizionare il cursore prima del tag <canvas> nel codice HTML.

Passaggio 3

Inserire nel codice HTML:

<div style="overflow: auto; width: 500px; height: 400px;">

L'attributo overflow abiliterà le barre di scorrimento nel contenitore.

Passaggio 4

Sostituire gli attributi width e height con i valori in pixel desiderati per definire la dimensione del contenitore div. Assicurarsi che i valori scelti siano abbastanza grandi da contenere l'intero elemento canvas.

Passaggio 5

Posizionare il cursore dopo il tag </canvas>.

Passaggio 6

Inserire </div> nel codice HTML per chiudere il contenitore div.

Passaggio 7

Salvare il documento HTML e caricarlo sul server web per visualizzare l'elemento canvas con scorrimento.