Canvas setTransform() ວິທິການ

Canvas 参考手册

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

ແຕ່ລະບັນດາວັດຖຸໃນແຜ່ນງານມີມູນວິທິຊອງການທິດຕະຫຼອດສະຖິຕິ.

setTransform() ວິທິການທີ່ຍົກຍ້ອງມາການຊອງການທິດຕະຫຼອດມາຈະມີມູນວິທິສະເພາະ, ແລະ ຕົວຕອນຈະມີມູນວິທິດຽວກັນ. transform().

ສະບາຍດຽວກັນ, setTransform() ອະນຸຍາດທ່ານໃຫ້ຕັ້ງມາການຊອງ, ສະໝັກ, ຍ້າຍທາງ ແລະ ຊອງທີ່ຕາມລະຫວ່າງທາງທີ່ຕັ້ງ.

注释：ການຊອງການທິດຕະຫຼອດຈະມີຜົນກະທົບພຽງແຕ່ການທົດລອງທີ່ຕ້ອງການ setTransform() ຕໍ່ມາ.

ຄວາມຈຳນວນ

ການຂຽນຂອງຕາກັບຕາມລະຫວ່າງທາງວຽງ. ການທົດລອງດຽວກັນຈະກະຈາຍມາຫຼາຍຄັ້ງ. ສະບາຍດຽວກັນ, ການເອິ້ນ setTransform() ຈະຍົກຍ້ອງມາການຊອງການທິດຕະຫຼອດຈະບໍ່ສະແດງຕາກັບຕາກັບສີສີຂຽວຫຼັງຈາກການຊອງການທິດຕາມລະຫວ່າງທາງວຽງ.

ບັນຊີບານຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນ ຕາມແຜນ HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="yellow";
ctx.fillRect(0,0,250,100)
ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="red";
ctx.fillRect(0,0,250,100);
ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="blue";
ctx.fillRect(0,0,250,100);

ທ່ານຈະທົດລອງດຽວກັນ.

ມູນວິທິ

context.setTransform(a,b,c,d,e,f);

ມາດຕະການຄຸນຄ່າ

ມາດຕະການ ການອະທິບາຍ
a ການສະໝັກຂະໜາດທີ່ຕາມລະຫວ່າງທາງທີ່ຕັ້ງ.
b ການຊອງຂະໜາດທີ່ຕາມລະຫວ່າງທາງທີ່ຕັ້ງ.
c ການຊອງຂະໜາດທີ່ຕາມລະຫວ່າງທາງທີ່ຕັ້ງທາງຕາມລະຫວ່າງທາງທີ່ຕັ້ງ.
d ການຊອງຂະໜາດທີ່ຕາມລະຫວ່າງທາງວຽງ.
e 水平移动绘图。
f 垂直移动绘图。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

注释：Internet Explorer 8 以及更早的版本不支持 元素。

Canvas 参考手册