Question

How to specifies the font when drawing text on the canvas in JavaScript

Answer 1

<canvas id="canvas"></canvas>

<script type="text/JavaScript">   

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.font = "36px serif";
ctx.fillText("PHP Programming", 20, 100);

/*
run:  
  
   
*/
  
</script>

 

70+ SQL courses for beginners and professionals

Answer 2

<canvas id="canvas"></canvas>

<script type="text/JavaScript">   

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.font = "36px Arial";
ctx.fillText("PHP Programming", 20, 100);

/*
run:  
  
   
*/
  
</script>

 

70+ SQL courses for beginners and professionals