30 ctx.textBaseline = "middle"; draw3dText(ctx, "Tulisan Text 3D ", 100, 50,3); function draw3dText(ctx, text, x, y, textDepth){ var n; for (n = 0; n < textDepth; n++) { ctx.fillText(text, x - n, y - n); } ctx.fillStyle = "black"; ctx.shadowColor = "yellow"; ctx.shadowBlur = 10; ctx.shadowOffsetX = textDepth + 2; ctx.shadowOffsetY = textDepth + 2; ctx.fillText(text, x - n, y - n); } </script> </body> </html> Referensi : HTML5 Canvas Cookbook (modifikasi) Dari program diatas kita bisa membuat tulisan berbentuk 3D dengan cara menumpukkan tulisan yang sama. Pada code diatas kita gunakan fungsi draw3dText () untuk memberikan kesan 3D pada text dengan menumpukkan tulisan yang sama (pada code menggunakan 3 tumpukan) yang mana bisa kita lihat pada penggalan code draw3dText(ctx, "Tulisan Text 3D ", 100, 50,3); yang mana
RkJQdWJsaXNoZXIy MTM3NDc5MQ==