<script> // Texto referência em cinza ctx.font = '50px serif' ; ctx.fillStyle = '#ccc'; ctx.fillText('Maujor', 200, 100) // Ponto referência em azul ctx.fillStyle = '#006'; ctx.arc(200, 100, 3, 0, 2*Math.PI, true); ctx.fill(); // Texto a alinhar em vermelho ctx.font = '50px serif' ; ctx.fillStyle = 'rgba(200, 0, 0, 0.6)'; ctx.textAlign = escolha; ctx.fillText('Maujor', 200, 100) </script>
canvas {border:1px solid #ccc;}
<canvas id="quadro" width="400" height="200"> <p>Conteúdo alternativo para navegadores que não suportam canvas.</p> </canvas>