ວິທີການ HTML canvas strokeText()

ປື້ມການປະກອງ HTML5 Canvas

ການກໍານົດ ແລະ ການນໍາໃຊ້

strokeText() ວິທີການທີ່ຈະຂຽນຂໍ້ຄວາມໃນແຜ່ນບີນທີ່ບໍ່ມີມີສີລາຍ. ສີລາຍຄົງແບບແມ່ນສີດຳ.

ຄໍາແນະນຳ:ກະຕຸ້ນນຳໃຊ້ font ປະກອບປະກອບສະຖານະຂອງມູນລະບົບມີສາມາດພິມຂໍ້ຄວາມໃນບາງຄົນທີ່ຈະນໍາໃຊ້ strokeStyle ປະກອບປະກອບສະຖານະຂອງຂໍ້ຄວາມດ້ວຍສີ/ສີການດັບສູນອື່ນ.

ຕົວຢ່າງ

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

ບັນດາບານຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນຕາຕະລາງ HTML5 canvas ໄດ້.

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> ອອກອາກາດ.

ປື້ມການປະກອງ HTML5 Canvas