27 <script type="text/javascript"> var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); ctx.font = "20px italic"; ctx.fillStyle="blue"; ctx.fillText("Ini Model Tulisan fillText:",10,50); ctx.font = "30px Arial"; ctx.strokeStyle ="green"; ctx.strokeText("Ini Model strokeText",10,100); </script> </body> </html> Referensi : petanikoding.com.(modifikasi) Dari code diatas ada penambahan ctx.font yang berfungsi untuk menentukan ukuran dan jenis tulisan dari font yang akan kita tampilkan. Pada program untuk fillText() menggunakan font 20px italic sedangkan untuk srokeTeext() menggunakan font 30px arial. Dari code kita bisa lihat untuk fillText() mulai dituliskan pada canvas di titik (10,50) sedangkan untuk strokeText() dimulai dari titik (10,100). Agar lebih jelas berikut hasil dari percobaan code diatas.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==