Cara Menggulir Di Dalam Kanvas HTML

...

Tambahkan pengguliran ke kanvas HTML dengan menggunakan elemen div.

Versi 5 dari HyperText Markup Language, lebih dikenal sebagai "HTML," termasuk dukungan untuk elemen baru disebut "kanvas." Elemen kanvas HTML5 bertindak sebagai wadah untuk animasi, grafik, atau JavaScript khusus kode. Jika Anda ingin mengaktifkan pengguliran di dalam kanvas di halaman Web Anda, Anda dapat membungkus seluruh elemen kanvas dalam elemen div dan kemudian menggunakan atribut overflow untuk menambahkan bilah gulir yang diperlukan.

Langkah 1

Buka dokumen HTML yang berisi elemen kanvas dalam aplikasi pengeditan Web atau pengolah kata.

Video Hari Ini

Langkah 2

Tempatkan kursor teks Anda sebelum "" dalam kode HTML Anda.

Langkah 3

Ketik yang berikut ini ke dalam kode HTML Anda:

Atribut overflow akan mengaktifkan bilah gulir di wadah Anda.

Langkah 4

Ganti atribut lebar dan tinggi dengan jumlah piksel yang ingin Anda gunakan untuk menentukan ukuran wadah div. Pastikan nilai lebar dan tinggi yang Anda pilih cukup besar agar sesuai dengan seluruh ukuran elemen kanvas Anda.

Langkah 5

Tempatkan kursor teks Anda setelah tag "".

Langkah 6

Jenis "

" ke dalam kode HTML untuk menutup wadah div.

Langkah 7

Simpan dokumen HTML dan unggah ke server Web Anda untuk melihat elemen kanvas dengan menggulir.