wulin.com（www.vevb.com）記事はじめに：HTMLキャンバス垂直に並べられたテキストでは、キャンバス範囲内のテキストベースラインの属性値を使用できます。 TextBaseLineは、次の値のいずれかを設定できます：トップ、ハンギング、ミドル、アルファベット、アイデアグラフィック、およびボトム。特に指定されていない限り、TextBaseLine属性は文字のデフォルトです。
HTMLキャンバス垂直に並べられたテキストでは、Canvas範囲内のTextBaseLineプロパティ値を使用できます。 TextBaseLineは、次の値のいずれかを設定できます：トップ、ハンギング、ミドル、アルファベット、アイデアグラフィック、およびボトム。特に指定されていない限り、TextBaseLine属性は文字のデフォルトです。
<！doctype html>
<html>
<head>
<title> html5_canvas_text_baseline </title>
<style>
ボディ{マージン：0px;パディング：0px;}
#mycanvas {border：1px solid＃9c9898;マージン：0オート;マージントップ：200px;マージン左：100px;}
</style>
<スクリプト>
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は、配置に対してテキストを水平方向に調整します
context.textalign = center;
// TextBaseLineは、フォントスタイルに対して垂直にテキストを調整します
Context.TextBaseLine = Middle;
context.fillstyle = blue;
context.filltext（hello world！、x、y）;
};
</script>
</head>
<body>
<キャンバスID = mycanvas width = 578 heigh = 200>
</canvas>
</body>
</html>