<meta charset="utf-8">
<canvas width="800" height="600"></canvas>
<script >
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
function Retangulo(x, y, w, h, cor){
pincel.fillStyle = cor;
pincel.fillRect(x, y, w, h);
Texto("avatar", x, y + 10)
}
function Texto(x, y, texto){
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.font = "15px Georgia";
pincel.fillStyle = "black";
pincel.fillText = (texto, x, y);
}
Retangulo(400, 300, 50, 50, "blue");
Texto(50, 50, "avatar");
</script>o retangulo aparece mas nao aparece o texto