Canvas fillText() ວິທີຂອງການບັນທຶກ
ການກໍານົດແລະການນໍາໃຊ້
fillText() ການດຳເນີນວິທີຂອງ fillText() ໃນການຂຽນຂໍ້ຄວາມທີ່ມີສີຄວາມຄວາມ. ສີຄວາມຄວາມຈະຈະແມ່ນສີດຳ.
ຂໍ້ສັງເກດ:ການໃຊ້ font ການວາງຂໍ້ຄວາມແລະຂະໜາດມູນນິລະພາບ, ແລະການດຳເນີນ fillStyle ການສະແດງສັບສຳນັກງານທີ່ມີສີຫຼືສີກະຈັດການສີ/ສີກະຈັດການ.
ຕົວຢ່າງ
ການດຳເນີນ fillText() ໃນການຂຽນຂໍ້ຄວາມ "Hello world!" ແລະ "codew3c.com":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("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.fillStyle=gradient;
ctx.fillText("codew3c.com",10,90);
ຂອງການໃຊ້
context.fillText(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 以及更早的版本不支持
