Canvas strokeText() ກົນລະຍຸດ

ອານຸສາວະລະນະຂອງ Canvas

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

strokeText() ກົນລະຍຸດຂອງການສະແດງຂໍ້ຄວາມໃສ່ກາກບີນ (ບໍ່ມີການສີສະແດງ). ຄວາມສີມະນາງຂອງກົນລະຍຸດແມ່ນສີດຳ.

ຄຳແນະນຳ:ບໍ່ກ່າວໄດ້ font ປະເພດຂອງຄວາມຈະອະທິບາຍຂອງມີການອະທິບາຍຄວາມລະບຸບ/ຂະໜາດ, ແລະໃຊ້ strokeStyle ປະເພດຂອງຄວາມຈະສະແດງຢ່າງທີ່ມີສີ/ສີສັນຍາວ.

ຄວາມປະສົມ

ນຳໃຊ້ strokeText() ໃນກາກບີນເພື່ອຂຽນຂໍ້ຄວາມ "Hello world!" ແລະ "codew3c.com":

ບາບການຂອງທ່ານບໍ່ສາມາດສະແດງເຄື່ອງ HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("Hello World!",10,50);
ctx.font="30px Verdana";
// ສ້າງສີສັນຍາວ
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// ນຳໃຊ້ການສະແດງສີສັນຍາວ
ctx.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);

ທ້າທາຍຄົນຕາມດັ່ງກ່າວ

ຄຳຖານ

context.strokeText(text,x,y,maxWidth);

ຄວາມພິການ

ປະເພດ ການອະທິບາຍ
text ກຳນົດຂໍ້ຄວາມທີ່ຈະສະແດງໃສ່ກາກບີນ.
x ການສະແດງຕາມວັດຖຸ x ຂອງຂໍ້ຄວາມ (ສຳລັບກາກບີນ).
y ການສະແດງຕາມວັດຖຸ y ຂອງຂໍ້ຄວາມ (ສຳລັບກາກບີນ).
maxWidth ຄວາມຄິດ. ຄວາມກວດສອບຄວາມຍາວທີ່ສູງສຸດຂອງຂໍ້ຄວາມ, ທີ່ພາກສະພາບຕະຫຼາດ.

ການສະໜັບສະໜູນບັນດາບັນດາບັນດາ

ຈຳນວນໃນຕາລະບັນດັ່ງກ່າວຈະບັນທຶກບັນດາການສະໜັບສະໜູນທີ່ເປັນຄັບຄົງຂອງການສະໜັບສະໜູນຂອງບັນດາສາຍພາສາ.

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