Answers for "canvas how to center text"

3

javascript canvas text centered

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.textAlign = "start"; // left/right depending on language
ctx.textAlign = "end"; // left/right depending on language
ctx.textAlign = "left";
ctx.textAlign = "center";
ctx.textAlign = "right";
ctx.fillText("my text!", 150, 140);
Posted by: Guest on March-02-2021
0

how to place text at custom position on canvas

<!doctype html>
<html>
<head>
<body>
<canvas></canvas>
<script>
var canvas=document.querySelector('canvas');
var context=canvas.getContext(2d);
context.textAlign = 'center';
         context.fillStyle = 'blue';
      context.fillText('Helllo Word!', 10, 50);
    </script>
    </body>
    </head>
    </html>
Posted by: Guest on May-26-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language