Cómo desplazarse dentro de un lienzo HTML

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

Paso 1

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

Paso 2

Coloque el cursor de texto antes de la etiqueta "" en su código HTML.

Paso 3

Escribe lo siguiente en tu código HTML:

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

Paso 4

Reemplace los atributos de ancho y alto con las cantidades de píxeles que desea usar para definir el tamaño del contenedor div. Asegúrese de que los valores de ancho y alto que elija sean lo suficientemente grandes como para ajustarse al tamaño completo de su elemento de lienzo.

Paso 5

Coloque el cursor de texto después de la etiqueta "".

Paso 6

Escribe "

" en el código HTML para cerrar el contenedor div.

Paso 7

Guarde el documento HTML y cárguelo en su servidor web para ver el elemento del lienzo con desplazamiento.