Atributo na shadowOffsetX ng Canvas

Canvas 参考手册

Definisiyon at paggamit

shadowOffsetX Atributo ay nagtatakda o binabalik ng horizontal na layo ng hugis at shadi.

  • shadowOffsetX=0 Naglalarawan na ang shadi ay nasa malapit sa itaas ng hugis
  • shadowOffsetX=20 Naglalarawan na ang shadi ay nasa 20 pixel na sa kanan ng left na posisyon ng hugis
  • shadowOffsetX=-20 Naglalarawan na ang shadi ay nasa 20 pixel na sa kaliwa ng left na posisyon ng hugis

Paalala:Para sa pagtutulak ng vertical na posisyon mula sa hugis, gamitin ang shadowOffsetY Atributo.

Egemplo

Isumbong ang isang hekta, may shadi na may 20 pixel na paglayo sa kanan (mula sa left na posisyon ng hekta):

Ang iyong browser ay hindi sumusuporta sa tag na canvas.

JavaScript:

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

subukan nang personal

gramatika

context.shadowOffsetX=number;

halaga ng atributo

halaga paglalarawan
number Kasama ang positibo o negatibo, naglalarawan ng horizontal na layo ng shadi mula sa hugis.

技术细节

默认值： 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> 元素。

Canvas 参考手册