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

La version 5 du langage de balisage HyperText, plus connu sous le nom de « HTML », inclut la prise en charge d'un nouvel élément appelé « canvas ». Un élément canvas HTML5 agit comme un conteneur pour l'animation, les graphiques ou du code JavaScript personnalisé. Si vous souhaitez activer le défilement dans un canevas sur votre page web, vous pouvez envelopper l'élément canvas entier 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.

Étape 2

Placez votre curseur de texte avant la balise « <canvas> » 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 width et height par les quantités en 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 assez grandes pour accueillir toute la taille de votre élément canvas.

Étape 5

Placez votre curseur de texte après la balise « </canvas> ».

Étape 6

Tapez « </div> » 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 visualiser l'élément canvas avec défilement.