HTML คุณสมบัติ TextAlign ผ้าใบ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
สร้างสายสีแดงที่ตำแหน่ง 150 ตำแหน่ง 150 ถูกกำหนดไว้ในตัวอย่างต่อไปนี้ทุกสมอข้อความ โปรดศึกษาผลของแต่ละค่าคุณสมบัติ TextAlign นี้:
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Create a red line in position 150
ctx.strokeStyle="red";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// Show the different textAlign values
ctx.textAlign="start";
ctx.fillText("textAlign=start",150,60);
ctx.textAlign="end";
ctx.fillText("textAlign=end",150,80);
ctx.textAlign="left";
ctx.fillText("textAlign=left",150,100);
ctx.textAlign="center";
ctx.fillText("textAlign=center",150,120);
ctx.textAlign="right";
ctx.fillText("textAlign=right",150,140);
var ctx=c.getContext("2d");
// Create a red line in position 150
ctx.strokeStyle="red";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// Show the different textAlign values
ctx.textAlign="start";
ctx.fillText("textAlign=start",150,60);
ctx.textAlign="end";
ctx.fillText("textAlign=end",150,80);
ctx.textAlign="left";
ctx.fillText("textAlign=left",150,100);
ctx.textAlign="center";
ctx.fillText("textAlign=center",150,120);
ctx.textAlign="right";
ctx.fillText("textAlign=right",150,140);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari คุณสมบัติการสนับสนุน TextAlign
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
TextAlign แอตทริบิวต์เป็นชุดสมอหรือผลตอบแทนที่เนื้อหาข้อความของการจัดตำแหน่งในปัจจุบัน
โดยปกติแล้วข้อความที่เริ่มต้นที่ตำแหน่งที่ระบุ แต่ถ้าคุณตั้งค่า TextAlign = "สิทธิ" และข้อความจะถูกวางให้อยู่ในตำแหน่ง 150 ตำแหน่ง 150 ในที่สุด
เคล็ดลับ: ใช้ fillText () หรือ strokeText () วิธีการวาดจริงและตำแหน่งข้อความบนผ้าใบ
เริ่มต้น: | เริ่มต้น |
---|---|
ไวยากรณ์ javascript: | บริบท .textAlign = "ศูนย์ | ท้าย |ซ้าย | ขวา | เริ่มต้น"; |
มูลค่าทรัพย์สิน
值 | 描述 |
---|---|
start | 默认。文本在指定的位置开始。 |
end | 文本在指定的位置结束。 |
center | 文本的中心被放置在指定的位置。 |
left | 文本在指定的位置开始。 |
right | 文本在指定的位置结束。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง