<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Setting Canvas Text Color and Alignment</title> <style> canvas { border: 8px solid pink; } </style> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.font = "bold 32px italic"; context.textAlign = "center"; context.textBaseline = "middle"; context.fillStyle = "blue"; context.fillText("Happy Morning!", 150, 100); }; </script> </head> <body> <canvas id="myCanvas" width="350" height="150"></canvas> </body> </html>