Comment faire défiler un canevas HTML
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é "toile". Un élément de canevas HTML5 agit comme un conteneur pour l'animation, les graphiques ou le code JavaScript personnalisé. Si vous souhaitez activer le défilement dans un canevas sur votre page Web, vous pouvez envelopper tout 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.
Étape 2
Placez votre curseur de texte avant la balise "
É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 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 à la taille entière de votre élément de canevas.
Étape 5
Placez votre curseur de texte après la balise "".
Étape 6
Tapez "
" 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 canvas avec défilement.