Canvas: Mostrar texto


Estos días estoy con un proyecto de Ionic + Angular en el que he tenido que crear una gráfica personalizada -ya sé que existe ChartJS y demás-, debido a ello he tenido que mostrar texto en la gráfica.

Os pongo aquí un ejemplo sencillo de como se hace.

En la parte del html:

<canvas id="canvas" height="600" width="600" style="border:1px solid #000;"></canvas>

En la parte del tyscript

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Arial";
ctx.fillText("Hello World", 50, 50);

Espero que os sea de utilidad ^_^.

Comentarios