Fügen Sie einem HTML-Canvas Scrollen hinzu, indem Sie ein div-Element verwenden.
Version 5 der HyperText Markup Language, besser bekannt als "HTML", enthält Unterstützung für ein neues Element als "Leinwand" bezeichnet. Ein HTML5-Canvas-Element fungiert als Container für Animationen, Grafiken oder benutzerdefiniertes JavaScript Code. Wenn Sie das Scrollen innerhalb eines Canvas auf Ihrer Webseite aktivieren möchten, können Sie das gesamte Canvas-Element in ein div-Element einschließen und dann das Überlaufattribut verwenden, um die erforderlichen Bildlaufleisten hinzuzufügen.
Schritt 1
Öffnen Sie das HTML-Dokument, das das Canvas-Element enthält, in einer Webbearbeitungsanwendung oder einem Textverarbeitungsprogramm.
Video des Tages
Schritt 2
Platzieren Sie Ihren Textcursor vor dem "
Schritt 3
Geben Sie Folgendes in Ihren HTML-Code ein:
Das Überlaufattribut aktiviert Bildlaufleisten in Ihrem Container.
Schritt 4
Ersetzen Sie die Breiten- und Höhenattribute durch die Pixelmengen, die Sie verwenden möchten, um die Größe des Div-Containers zu definieren. Stellen Sie sicher, dass die von Ihnen ausgewählten Werte für Breite und Höhe groß genug sind, um in die gesamte Größe Ihres Canvas-Elements zu passen.
Schritt 5
Platzieren Sie Ihren Textcursor hinter dem ""-Tag.
Schritt 6
Typ "
Schritt 7
Speichern Sie das HTML-Dokument und laden Sie es auf Ihren Webserver hoch, um das Canvas-Element mit Scrollen anzuzeigen.
