Canvas arcTo() ກົນລະຍຸດ
ການອະທິບາຍແລະການນຳໃຊ້
arcTo() ກົນລະຍຸດທີ່ທຳລາຍສີສະຫຼາກວົງກວ້າງ/ວົງກວ້າງສະຫຼາກຢູ່ທີ່ສະໜາມບັນຊີ
ຄຳແນະນຳ:ການໃຊ້ stroke() ກົນລະຍຸດທີ່ທຳລາຍສີສະຫຼາກວົງກວ້າງສະຫຼາກຢູ່ທີ່ສະໜາມບັນຊີ
ຕົວຢ່າງ
ການຂຽນສີສະຫຼາກວົງກວ້າງລະຫວ່າງສີສະຫຼາກສີທີ່ກັບກັນ
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20); // ການຂຽນສີສະຫຼາກການເລີ່ມ
ctx.lineTo(100,20); // ການຂຽນສີສະຫຼາກທີ່ຕໍ່າຊົງ
ctx.arcTo(150,20,150,70,50); // ການຂຽນສີສະຫຼາກທີ່ມີວົງກວ້າງ
ctx.lineTo(150,120); // ການຂຽນສີສະຫຼາກທີ່ຕໍ່າສູງ
ctx.stroke(); // ການຂຽນສີສະຫຼາກ
ການນຳໃຊ້ພາສາ
context.fillRect(x1,y1,x2,y2,r);
ຄູ່ມູນພາສາ
| ພາສາ | ການອະທິບາຍ |
|---|---|
| x1 | ສິບສີນບາງສະຖານະຢູ່ທີ່ພາກເທິງຂອງອາກາດ |
| y1 | ສິບສີນບາງສະຖານະຢູ່ທີ່ພາກລົງຂອງອາກາດ |
| x2 | ສິບສີນບາງສະຖານະຂອງສີວຽນ |
| y2 | 弧的终点的 y 坐标 |
| r | 弧的半径 |
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持
