Wulin.com (www.vevb.com) Artículo Introducción: HTML lienzo alineado verticalmente Texto, podemos usar el valor de atributo de TextBaseline dentro de la gama Canvas. TextBaseline puede establecer uno de los siguientes valores: superior, colgante, medio, alfabética, ideagraphic e inferior. A menos que se especifique lo contrario, el atributo TextBaseline predeterminado a las letras.
HTML lienzo alineado verticalmente, podemos usar el valor de la propiedad TextBaseline dentro del rango de lienzo. TextBaseline puede establecer uno de los siguientes valores: superior, colgante, medio, alfabética, ideagraphic e inferior. A menos que se especifique lo contrario, el atributo TextBaseline predeterminado a las letras.
<! Doctype html>
<html>
<Evista>
<title> html5_canvas_text_baseline </title>
<estilo>
cuerpo {margen: 0px; relleno: 0px;}
#mycanvas {borde: 1px sólido #9c9898; margen: 0 auto; margen-top: 200px; margen izquierda: 100px;}
</style>
<script>
window.onload = function () {
var lienvas = document.getElementById (mycanvas);
VAR context = Canvas.getContext (2d);
var x = canvas.width / 2;
var y = Canvas.Height / 2;
context.font = 30pt calibri;
// Textalign alinea el texto horizontalmente en relación con la colocación
context.textalign = Center;
// TextBaseline alinea el texto verticalmente en relación con el estilo de fuentes
context.TextBaseline = Middle;
context.fillstyle = azul;
context.fillText (¡Hola mundo!, x, y);
};
</script>
</ablo>
<Body>
<Canvas id = MyCanvas Width = 578 Height = 200>
</able>
</body>
</html>