Nwlapcug.com


Come scorrere all'interno di un Canvas di HTML

Come scorrere all'interno di un Canvas di HTML


Versione 5 di HyperText Markup Language, meglio conosciuto come "HTML", include il supporto per un nuovo elemento chiamato la "tela". Un HTML5 canvas elemento atti come un contenitore per l'animazione, grafica o codice JavaScript personalizzato. Se si desidera attivare lo scorrimento all'interno di una tela sulla tua pagina Web, puoi avvolgere l'elemento intero canvas in un elemento div e quindi utilizzare l'attributo di overflow per aggiungere le barre di scorrimento necessarie.

Istruzioni

1

Aprire il documento HTML che contiene l'elemento canvas in un Web editing applicazione o un word processor.

2

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

3

Digitare quanto segue nel codice HTML:

< div style = "width: 100px; Altezza: 100px; overflow: auto; " >

L'attributo di overflow consentirĂ  le barre di scorrimento nel contenitore.

4

Sostituire gli attributi width e height con gli importi di pixel che si desidera utilizzare per definire le dimensioni del contenitore div. Assicurarsi che i valori di larghezza e altezza che si sceglie sono grandi abbastanza da contenere l'intera dimensione del vostro elemento canvas.

5

Posizionare il cursore di testo dopo il tag "< / tela >".

6

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

7

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