Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

29 Selanjutnya kita akan masuk ke bagian membuat Text 3D dengan menambahkan shadow pada text tersebut. Dimana terkadang kita sedikit bosan dengan model tulisan yang monoton dan adakalanya berkeinginan untuk menampilkan tulisan yang terlihat menarik. Pada HTML5 Canvas ini kita akan mencoba membuat text agar terlihat menarik. Berikut ini contoh program untuk membuat text 3D dengan shadow. <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas</title> </head> <body> <canvas id="canvas" width="200" height="150" style="border:1px solid #DC143C;"> </canvas> <script type="text/javascript"> var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); ctx.font = "20px italic"; ctx.fillStyle="green"; ctx.textAlign = "center";

RkJQdWJsaXNoZXIy MTM3NDc5MQ==