Wulin.com (www.vevb.com) บทความบทนำ: HTML Canvas ข้อความที่จัดเรียงตามแนวตั้งเราสามารถใช้ค่าแอตทริบิวต์ของ textbaseline ภายในช่วงผ้าใบ Textbaseline สามารถตั้งค่าหนึ่งในค่าต่อไปนี้: ด้านบน, แขวน, กลาง, ตัวอักษร, idegraphic และด้านล่าง แอตทริบิวต์ TextBaseline จะเริ่มต้นเป็นตัวอักษร
HTML Canvas ข้อความที่จัดเรียงตามแนวตั้งเราสามารถใช้ค่าคุณสมบัติ textbaseline ภายในช่วง Canvas Textbaseline สามารถตั้งค่าหนึ่งในค่าต่อไปนี้: ด้านบน, แขวน, กลาง, ตัวอักษร, idegraphic และด้านล่าง แอตทริบิวต์ TextBaseline จะเริ่มต้นเป็นตัวอักษร
<! doctype html>
<html>
<head>
<title> html5_canvas_text_baseline </title>
<style>
Body {margin: 0px; padding: 0px;}
#mycanvas {ชายแดน: 1px Solid #9C9898; มาร์จิ้น: 0 อัตโนมัติ; มาร์จิ้นด้านบน: 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 = Center;
// textbaseline จัดเรียงข้อความในแนวตั้งเมื่อเทียบกับสไตล์ตัวอักษร
Context.TextBaseline = Middle;
บริบท fillstyle = สีน้ำเงิน;
Context.fillText (Hello World!, X, Y);
-
</script>
</head>
<body>
<canvas id = mycanvas width = 578 ความสูง = 200>
</sanvas>
</body>
</html>