Tecnología

Inicio

Cómo desplazar el interior de un lienzo HTML

Cómo desplazar el interior de un lienzo HTML


La versión 5 de la HyperText Markup Language, más conocido como "HTML", incluye soporte para un nuevo elemento llamado el "lienzo". Un elemento canvas de HTML5 actúa como contenedor de animación, gráficos o código JavaScript personalizado. Si desea habilitar el desplazamiento dentro de un lienzo en su página web, se puede envolver todo el elemento de tela en un elemento div y luego usar el atributo de desbordamiento para agregar las barras de desplazamiento necesarios.

Instrucciones

1 Abra el documento HTML que contiene el elemento canvas en una aplicación de edición web o un procesador de textos.

2 Coloca el cursor de texto antes de la etiqueta "<canvas>" en el código HTML.

3 Escriba lo siguiente en su código HTML:

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

El atributo desbordamiento permitirá a las barras de desplazamiento en su contenedor.

4 Vuelva a colocar la anchura y la altura de los atributos con el píxel equivale desea utilizar para definir el tamaño del contenedor div. Asegúrese de que la anchura y la altura valores que elija es lo suficientemente grande para que quepa todo el tamaño de su elemento del lienzo.

5 Coloca el cursor de texto después de la etiqueta "</ canvas>".

6 Tipo "</ div>" en el código HTML para cerrar el contenedor div.

7 Guarde el documento HTML y subirlo a su servidor Web para ver el elemento canvas con el desplazamiento.