Tutorial Pemrograman

Cara Mengatur Ukuran Teks dengan HTML5 Canvas

Canvas adalah salah satu media yang berfungsi untuk merancang sesuatu yang bisa menghasilkan sebuah objek visual. Canvas di dalam HTML 5 merupakan suatu elemen yang digunakan untuk menggambar grafik / bitmap secara interaktif menggunakan JavaScript. Atribut tag Canvas HTML 5 adalah <canvas>.

Kamu bisa merancang suatu karya yang berbau desain grafis atau menggambar sesuatu hal yang bisa menghasilkan sebuah karya objek visual yang ditampilkan di Web Browser. Misalkan, kamu membuat sebuah animasi, permainan interaktif, media pembelajaran interaktif, dan lain-lain.

Penulis akan memberikan tutorial cara mengatur ukuran teks dengan HTML5 Canvas. Ini berguna untuk mengatur ukuran teks yang ada di dalam lembaran Canvas tersebut.

Berikut cara mengatur ukuran teks dengan HTML5 Canvas.

Langkah:

1. Silahkan aktifkan teks editor seperti Notepad++, Sublime, Visual Code, dan sebagainya.

2. Silahkan ketik kode script di bawah ini.

3. Simpan hasil kode script tadi dengan tekan CTRL + S.

4. Pilihlah tempat simpan sesuai keinginan kamu, berikan nama “textsize-canvas.html”.

5. Klik Save.

6. Cari file yang tadi, kemudian klik kanan pada mouse → Open With → Web Browser app (Chrome, Mozilla, atau Microsoft Edge).

Selesai.

Demikian tutorial cara mengatur ukuran teks dengan HTML5 Canvas. Selamat mencoba.









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial Inwepo melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top