Como centrar un texto

Para centrarlo como lo quieres necesitas usar si o si CSS, para esto lo puedes hacer de esta forma:

<meta charset="UTF-8">
<h1 style="text-align: center;width: 600px;">¡COSTA RICA!</h1>

<h2 style="text-align: center;width: 600px;">¡Pura Vida!</h2>
<canvas width = "600" height="400"></canvas>

<script>

    var lienzo = document.querySelector("canvas");
    var pincel = lienzo.getContext("2d");

    pincel.fillStyle = "blue";
    pincel.fillRect(0,0,600,80);

    pincel.fillStyle = "white";
    pincel.fillRect(0,80,600,160);

    pincel.fillStyle = "red";
    pincel.fillRect(0,160,600,240);

    pincel.fillStyle = "white";
    pincel.fillRect(0,240,600,320);

    pincel.fillStyle = "blue";
    pincel.fillRect(0,320,600,400);

</script>

Excelente Camilo! Te agradezco mucho tu ayuda!

Aún no he llegado a CSS, por eso no sabia!