Wulin.com (www.vevb.com) Introduction de l'article: Texte à alignement verticalement aligné en toile HTML, nous pouvons utiliser la valeur d'attribut de TextBaseline dans la gamme Canvas. TextBaseline peut définir l'une des valeurs suivantes: supérieur, suspendu, milieu, alphabétique, idée IDEAGRAPHIQUE et en bas. Sauf indication contraire, l'attribut TextBaseline fait par défaut aux lettres.
HTML Canvas Alignez le texte aligné verticalement, nous pouvons utiliser la valeur de propriété TextBaseline dans la gamme Canvas. TextBaseline peut définir l'une des valeurs suivantes: supérieur, suspendu, milieu, alphabétique, idée IDEAGRAPHIQUE et en bas. Sauf indication contraire, l'attribut TextBaseline est par défaut aux lettres.
<! Doctype html>
<html>
<adal>
<Title> html5_canvas_text_baseline </ title>
<style>
corps {marge: 0px; rembourrage: 0px;}
#mycanvas {border: 1px solide # 9c9898; marge: 0 auto; marge: 200px; marge-gauche: 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 aligne le texte horizontalement par rapport au placement
context.TextAlign = Center;
// TextBaseline aligne le texte verticalement par rapport au style de police
context.textBaseline = middle;
context.fillStyle = bleu;
context.fillText (Hello World!, x, y);
};
</cript>
</ head>
<body>
<Canvas ID = MyCanvas Width = 578 Height = 200>
</ canvas>
</docy>
</html>