HTML canvas shadowOffsetY ਵਿਸ਼ੇਸ਼ਤਾ

HTML5 Canvas ਸਹੀਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

shadowOffsetY ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰਦੀ ਹੈ ਰੂਪ ਅਤੇ ਛਾਲ ਦਰਮਿਆਨ ਪੱਧਰੀ ਦੂਰੀ

  • shadowOffsetY=0 ਛਾਲ ਰੂਪ ਦੇ ਨੀਚੇ ਹੈ
  • shadowOffsetY=20 ਛਾਲ ਰੂਪ ਦੇ top ਸਥਾਨ ਤੋਂ ਨੀਚੇ 20 ਪਿਕਸਲ ਵਿੱਚ ਹੈ
  • shadowOffsetY=-20 ਛਾਲ ਰੂਪ ਦੇ top ਸਥਾਨ ਤੋਂ ਉੱਪਰ 20 ਪਿਕਸਲ ਵਿੱਚ ਹੈ

ਸੁਝਾਅ:ਰੂਪ ਦੇ ਪੱਧਰ ਦੀ ਸਥਿਤੀ ਸੰਤੁਲਿਤ ਕਰਨ ਲਈ ਇਸਤੇਮਾਲ ਕਰੋ: shadowOffsetX ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਉਦਾਹਰਣ

ਇੱਕ ਚੱਕਰ ਦਰਸਾਓ, ਜਿਸ ਵਿੱਚ ਨਿਚੋਰੀ ਹੋਣ ਵਾਲੀ 20 ਪਿਕਸਲ ਦੀ ਛਾਲ (ਚੱਕਰ ਦੇ top ਸਥਾਨ ਤੋਂ):

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ ਕੈਂਵਾਸ ਟੈਗ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦਾ ਹੈ。

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

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਾਰੇ ਅੰਕ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਪਹਿਲੀ ਸਹੀਤਾ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.6 4.0 10.1

ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸੰਸਕਰਣਾਂ <canvas> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ ਹਨ。

HTML5 Canvas ਸਹੀਤਾ