Wulin.com (www.vevb.com) مقدمة مقالة: HTML Canvas محاذاة رأسياً ، يمكننا استخدام قيمة السمة لـ TextBaseline داخل نطاق القماش. يمكن لـ TextBaseline تعيين واحدة من القيم التالية: أعلى ، معلقة ، متوسطة ، الأبجدية ، Ideagraphic ، والأسفل. ما لم ينص على خلاف ذلك ، فإن TextBaseline تنسب الافتراضات إلى الحروف.
HTML Canvas محاذاة رأسيًا ، يمكننا استخدام قيمة خاصية TextBaseline ضمن نطاق القماش. يمكن لـ TextBaseline تعيين واحدة من القيم التالية: أعلى ، معلقة ، متوسطة ، الأبجدية ، Ideagraphic ، والأسفل. ما لم ينص على خلاف ذلك ، فإن TextBaseline تنسب الافتراضات إلى الحروف.
<! doctype html>
<html>
<head>
<title> html5_canvas_text_baseline </title>
<style>
الجسم {margin: 0px ؛ padding: 0px ؛}
#mycanvas {الحدود: 1px Solid #9C9898 ؛ الهامش: 0 Auto ؛ Margin-Top: 200px ؛ الهامش اليساري: 100px ؛}
</style>
<script>
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 = المركز ؛
// textbaseline محاذاة النص رأسياً بالنسبة لأسلوب الخط
context.textBaseline = Middle ؛
context.fillStyle = Blue ؛
context.fillText (Hello World! ، x ، y) ؛
} ؛
</script>
</head>
<body>
<canvas id = عرض mycanvas = 578 ارتفاع = 200>
</canvas>
</body>
</html>