Cómo desplazarse dentro de un lienzo HTML

...

Agregue desplazamiento a un lienzo HTML mediante el uso de un elemento div.

La versión 5 del lenguaje de marcado de hipertexto, más conocido como "HTML", incluye soporte para un nuevo elemento. llamado el "lienzo". Un elemento de lienzo HTML5 actúa como un contenedor para animaciones, gráficos o JavaScript personalizado código. 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 un procesador de texto.

Video del día

Paso 2

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

Paso 3

Escriba lo siguiente en su 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 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 de lienzo con desplazamiento.