Wulin.com (www.vevb.com) Introdução: Texto alinhado verticalmente da tela HTML, podemos usar o valor do atributo da linha de linha de texto dentro da faixa de tela. A base de texto pode definir um dos seguintes valores: topo, suspenso, médio, alfabético, IdeaGraphic e Bottom. Salvo indicação em contrário, o atributo de linha de texto text -base de padrões para as letras.
Texto alinhado verticalmente HTML, podemos usar o valor da propriedade TextBaseline no intervalo de tela. A base de texto pode definir um dos seguintes valores: topo, suspenso, médio, alfabético, IdeaGraphic e Bottom. Salvo indicação em contrário, o atributo de linha de texto text -base de padrões para as letras.
<! Doctype html>
<html>
<head>
<title> html5_canvas_text_baseline </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 = Canvas.width / 2;
var y = Canvas.Height / 2;
context.font = 30pt calibri;
// textalign alinha o texto horizontalmente em relação à colocação
context.TexTalign = Center;
// TextBaseline alinhe o texto verticalmente em relação ao estilo de fonte
context.TextBaseline = Middle;
context.fillstyle = azul;
context.fillText (Olá, mundo!, x, y);
};
</script>
</head>
<Body>
<canvas id = mycanvas width = 578 altura = 200>
</canvas>
</body>
</html>