Comment faire défiler à l'intérieur d'un canevas HTML

click fraud protection
...

Ajoutez un défilement à un canevas HTML à l'aide d'un élément div.

La version 5 du langage de balisage hypertexte, mieux connu sous le nom de « HTML », inclut la prise en charge d'un nouvel élément appelé la "toile". Un élément de canevas HTML5 agit comme un conteneur pour l'animation, les graphiques ou le JavaScript personnalisé code. Si vous souhaitez activer le défilement dans un canevas sur votre page Web, vous pouvez envelopper l'intégralité de l'élément canvas dans un élément div, puis utiliser l'attribut overflow pour ajouter les barres de défilement nécessaires.

Étape 1

Ouvrez le document HTML qui contient l'élément canvas dans une application d'édition Web ou un traitement de texte.

Vidéo du jour

Étape 2

Placez votre curseur de texte avant le "" dans votre code HTML.

Étape 3

Tapez ce qui suit dans votre code HTML :

L'attribut overflow activera les barres de défilement dans votre conteneur.

Étape 4

Remplacez les attributs de largeur et de hauteur par les quantités de pixels que vous souhaitez utiliser pour définir la taille du conteneur div. Assurez-vous que les valeurs de largeur et de hauteur que vous choisissez sont suffisamment grandes pour s'adapter à toute la taille de votre élément de canevas.

Étape 5

Placez votre curseur de texte après la balise "".

Étape 6

Taper "

" dans le code HTML pour fermer le conteneur div.

Étape 7

Enregistrez le document HTML et téléchargez-le sur votre serveur Web pour afficher l'élément de canevas avec défilement.