Canvas scale() ວິທິພາກສາ
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
scale() ວິທິການປ່ຽນຂະໜາດຕາຕະລາງທີ່ປະກອບມາ, ໃຫ້ໃຫຍ່ຫຼືນ້ອຍຫຼາຍ.
ບັນທຶກ:ຖ້າທີ່ທ່ານປ່ຽນຂະໜາດຕາຕະລາງ, ການຕັ້ງລາຍການຫຼັງຈາກນັ້ນກໍ່ຈະຖືກປ່ຽນຂະໜາດ. ການຕັ້ງລາຍການຈະຖືກປ່ຽນຂະໜາດ. ຖ້າທ່ານເຮັດ scale(2,2)ຖ້າທີ່ທ່ານເຮັດ ການປ່ຽນຂະໜາດຂອງຕາຕະລາງ, ການຕັ້ງລາຍການຈະຖືກປ່ຽນຂະໜາດອີກ.
ຄວາມຈຳນວນ
ຕົວຢ່າງ 1
ຂຽນຮູບກາງ, ຂະຫຍາຍລວມ 200%, ແລະ ຂຽນຮູບກາງອີກຄັ້ງ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.scale(2,2);
ctx.scale(2,2);
ctx.scale(2,2);
ຄຳແນະນຳ:ມີຕົວຢ່າງຫຼາຍກວ່າໃນບ່ອນບາງຢ່າງ.
ວິທິພາກສາ
context.scale(scalewidth,scaleheight);
ຄູ່ມູນ
| ປະເພາະ | ການອະທິບາຍ |
|---|---|
| scalewidth | ຂະຫຍາຍລະດັບຂອງຕາຕະລາງທີ່ປະກອບມາ (1=100%, 0.5=50%, 2=200%, ແລະອີກ). |
| scaleheight | ຂະຫຍາຍລະດັບຂອງຕາຕະລາງທີ່ປະກອບມາ (1=100%, 0.5=50%, 2=200%, ແລະອີກ). |
ຕົວຢ່າງຫຼາຍກວ່າ
ຕົວຢ່າງ 2
ຂຽນຮູບກາງຂະໜາດຂອງຕາຕະລາງ; ຂະຫຍາຍລວມ 200%, ຂຽນຮູບກາງອີກຄັ້ງ; ຂະຫຍາຍລວມ 200%, ແລະ ຂຽນຮູບກາງອີກຄັ້ງ; ຂະຫຍາຍລວມ 200%, ຂຽນຮູບກາງອີກຄັ້ງ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.scale(2,2);
ctx.scale(2,2);
ctx.scale(2,2);
ctx.scale(2,2);
ctx.scale(2,2);
ctx.scale(2,2);
ctx.scale(2,2);
ການສະໜັບສະໜູນບິນເຕີເນັດ
ຈຳນວນທີ່ໃນຕາຕະລາງສະແດງວ່າ ບິນເຕີເນັດທີ່ເປັນກໍານົດທີ່ເປັນການສະໜັບສະໜູນຄວາມລວມຂອງສິລະພາບນັ້ນ.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ບັນທຶກ:ບັນທຶກ: ບິນເຕີເນັດ Explorer 8 ແລະອັນດັບກ່ວາບໍ່ສະໜັບສະໜູນສິລະພາບ <canvas>.
