Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

26 dengan shadow yang nanti akan ditampilkan pada sebuah canvas. Tapi sebelum masuk ke text 3D, diawal kita akan mempelajari dulu dasar untuk menampilkan sebuah tulisan pada canvas. Pada canvas terdapat dua fungsi untuk menampilkan tulisan, fungsi tersebut adalah strokeText() yang berfungsi untuk mengampilkan text hanya berupa garis-garis saja, dan fillText() yang berfungsi untuk menampilkan text dengan tulisan yang terisi dengan warna default (hitam). Pada kedua fungsi ini terdapat ketentuan penulisan yaitu strokeText(“tulisan yang akan ditampilkan”, x, y) dimana x dan y adalah titik awal untuk menampilkan tulisan. Begitu juga dengan fillText(“tulisan yang akan ditampilkan”, x, y). Berikut ini contoh program lengkap untuk menampilkan text dari kedua fungsi tersebut. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas</title> </head> <body> <canvas id="canvas" width="300" height="150" style="border:1px solid #DC143C;"> </canvas>

RkJQdWJsaXNoZXIy MTM3NDc5MQ==