Canvas textAlign 属性

ການປຶກສາ Canvas

ການອະທິບາຍແລະການນໍາໃຊ້

textAlign ປະກອບຕົວຈາກຫວັງລະບົບຂັດແຍ່ງໃຫ້ການຈັດການຂອງຄວາມຂຽນທີ່ປະຈຸບັນ.

ປົກກະຕິຂໍ້ຄວາມຈະຕິດຕັ້ງຈາກຕາຕະລາງກໍານົດ.ທີ່ສຸດ,ຖ້າທ່ານກຳນົດ textAlign="right" ແລະຕິດຕັ້ງຂໍ້ຄວາມໃນຕາຕະລາງ 150,ຈະຈົບຂໍ້ຄວາມຢູ່ຕາຕະລາງ 150.

ຄຳແນະນຳ:ນຳໃຊ້ fillText() ຫຼື strokeText() ວິທະຍາສາດກຳລັງຂຽນແລະຈັດການຂໍ້ຄວາມໃນແຜ່ນພາບ.

ຄວາມນຳພາສາ

ສ້າງສາຍສີແດງຢູ່ຕາຕະລາງ 150.ຕາຕະລາງ 150 ແມ່ນຂັ້ນຕອນທີ່ກໍານົດທັງໝົດຂອງຂໍ້ຄວາມທີ່ລົງໃນຕົວຢ່າງນີ້.ການຊອກຫາຜົນກະທົບຂອງຄູ່ມືຄົງ textAlign ທັງໝົດ:

ບັນຊີຂອງບຸນຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນເຊັກບັນນາທິດ canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// ສ້າງສາຍສີຟ້າຢູ່ຕາຕະລາງ 150
ctx.strokeStyle="blue";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// ສະແດງຄູ່ມືຄົງ textAlign ທັງໝົດ
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);

ທ້າທາຍຄັ້ງຂອງທ່ານເອງ

ວິທະຍາສາດ

context

ຄູ່ມືຄົງຂອງປະສົງ

ຄູ່ມືຄົງ ການອະທິບາຍ
start ຄູ່ມືຄົງ.ຂຽນຈົບທີ່ກໍານົດ
end ຂຽນຈົບທີ່ກໍານົດ
center ຂຽນຕາມກາງທີ່ກໍານົດ
left ຂຽນຂ້າງຊ້າຍ
right ຂຽນຂ້າງຊ້າຍ

ລະອຽດເຕັກນິກ

ຄູ່ມືຄົງທີ່ start

ການສະໜັບສະໜູນບັນດາບັນດາຊົນກະຈາຍ

ຈຳນວນໃນຕາລະບົດສະແດງວ່າການສະໜັບສະໜູນຂອງບັນດາບັນດາຊົນກະຈາຍທີ່ສະໜັບສະໜູນຄັບຄວາມທີ່ສະໜັບສະໜູນຄັບຄວາມທີ່ສະໜັບສະໜູນ.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

ບັນທາງ:Internet Explorer 8 ແລະຫຼັງນັ້ນບໍ່ສະໜັບສະໜູນເງິນເອັສເມນ <canvas>.

ການປຶກສາ Canvas