Canvas shadowOffsetY ປະສົມປະສານ

Canvas 参考手册

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

shadowOffsetY ຄວາມມູນຄ່າປະກອບສະແດງຈຳນວນຫຼາຍຫຼືຫຼາຍນວນທີ່ສະພາບກັບຊັບຊົນທີ່ສະພາບ.

  • shadowOffsetY=0 ສະແດງວ່າຊັບຊົນຢູ່ຕຳແຫວດທີ່ສຸດທີ່ສຸດຂອງຕົວ.
  • shadowOffsetY=20 ສະແດງວ່າຊັບຊົນຢູ່ຕຳແຫວດທີ່ສຸດທີ່ສຸດຂອງຕົວ 20 ຄັນລູກ.
  • shadowOffsetY=-20 ສະແດງວ່າຊັບຊົນຢູ່ຕຳແຫວດທີ່ສຸດທີ່ສູງສູງຈາກຕຳແຫວດທີ່ສຸດທີ່ສຸດຂອງຕົວ 20 ຄັນລູກ.

ຄຳແນະນຳ:ສຳລັບການດັດແປງຄວາມຫຼາຍຫຼືຫຼາຍນວນທີ່ສະພາບກັບຕຳແຫວດຂອງຕົວ, ກະທຳດ້ວຍ: shadowOffsetX ປະສົມປະສານ

ຄວາມຍາກຍາວ

ຂຽນອີກຄັນຕົວຢູ່ບານທີ່ມີຊັບຊົນທີ່ຫຼຸດລົງ 20 ຄັນລູກ (ຈາກຕຳແຫວດທີ່ສຸດຂອງຕົວຢູ່):

ບັນຊີບັນຍາຂອງທ່ານບໍ່ສາມາດສະໜັບສະໜູນຕົວແທນ canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);

ທ້າທາຍຕົວເອງຢ່າງພິເສດ

ສັນຍາວິດີກ

context.shadowOffsetY=number;

ຄວາມມູນຄ່າປະກອບ

ຈຳນວນ ອະທິບາຍ
number ມັນເປັນຈຳນວນຫຼາຍຫຼືຫຼາຍນວນລົງນັ້ນຈະອະທິບາຍຄວາມຫຼາຍຫຼືຫຼາຍນວນທີ່ສະພາບຄວາມຍາວຂອງຊັບຊົນກັບຊັບຊົນ.

技术细节

默认值： 0

浏览器支持

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

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

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

Canvas 参考手册