Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <body> <canvas id="textCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas> <script> var canvas = document.getElementById("textCanvas"); var ctx = canvas.getContext("2d"); // Setting font and styles ctx.font = "italic 30px Arial"; ctx.fillStyle = "#0070C0"; ctx.textAlign = "center"; // Drawing filled text ctx.fillText("Hello Canvas!", 150, 50); // Drawing stroked text ctx.font = "bold 40px sans-serif"; ctx.strokeStyle = "#FF8C00"; ctx.strokeText("Stroke me!", 150, 110); </script> </body> </html>
