Artigo Introdução de wulin.com (www.vevb.com): HTML5 Configurações de texto de tela e tamanho.
HTML5 Configurações de texto de tela e tamanhos, podemos usar as propriedades das fontes dentro do escopo da tela.
Vamos dar um exemplo simples para explicar a sintaxe básica:
Fonte de texto e tamanho de texto HTML5
<! Doctype html>
<html>
<head>
<title> html5_canvas_text_size </title>
<estilo>
corpo {margem: 0px; preenchimento: 0px;}
#MyCanvas {Border: 1px Solid #9C9898; Margem: 0 Auto; margem de margem: 200px; margem-esquerda: 100px;}
</style>
<Cript>
window.onload = function () {
var Canvas = document.getElementById (mycanvas);
var context = Canvas.getContext (2D);
var x = 150;
var y = 100;
context.font = 40pt calibri;
context.fillText (Olá vevb!, x, y);
};
</script>
</head>
<Body>
<canvas id = mycanvas width = 578 altura = 200>
</canvas>
</body>
</html>