HTML canvas shadowOffsetX ਪੈਰਾਮੀਟਰ

HTML5 Canvas ਸੂਚਨਾਕੰਮ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

shadowOffsetX ਪੈਰਾਮੀਟਰ ਸੈਟ ਕਰਨ ਜਾਂ ਰਿਟਰਨ ਕਰਨ ਲਈ ਗਤੀ ਦੀ ਉੱਚਾਈ ਦੀ ਦੂਰੀ ਸੈਟ ਕਰੋ

  • shadowOffsetX=0 ਇਹ ਸੁਝਾਅ ਦਿੰਦਾ ਹੈ ਕਿ ਸ਼ੇਡੋਫਲੈਕਸ ਕੈਂਵਾਸ ਦੇ ਨੀਚੇ ਹੈ
  • shadowOffsetX=20 ਇਹ ਸੁਝਾਅ ਦਿੰਦਾ ਹੈ ਕਿ ਸ਼ੇਡੋਫਲੈਕਸ ਕੈਂਵਾਸ ਦੇ left ਸਥਾਨ ਦੇ ਅੰਦਰ 20 ਪਿਕਸਲ ਹੈ
  • shadowOffsetX=-20 ਇਹ ਸੁਝਾਅ ਦਿੰਦਾ ਹੈ ਕਿ ਸ਼ੇਡੋਫਲੈਕਸ ਕੈਂਵਾਸ ਦੇ left ਸਥਾਨ ਦੇ ਬਾਹਰ 20 ਪਿਕਸਲ ਹੈ

ਸੁਝਾਅ:ਜੇਕਰ ਤੁਸੀਂ ਕਿਫਾਇਤ ਦੀ ਉੱਚਾਈ ਸੰਤੁਲਿਤ ਕਰਨੀ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਇਸ ਨੂੰ ਵਰਤੋਂ ਕਰੋ: shadowOffsetY ਪੈਰਾਮੀਟਰ

ਉਦਾਹਰਣ

ਇੱਕ ਚੱਕਰ ਦਰਸਾਓ, ਜਿਸ ਵਿੱਚ ਕੈਂਵਾਸ ਦੇ left ਸਥਾਨ ਤੋਂ 20 ਪਿਕਸਲ ਦਾ ਸ਼ੇਡੋਫਲੈਕਸ ਹੈ:

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

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);

ਸਵੈਚਾਲਿਤ ਪ੍ਰਯੋਗ

ਸਿਧਾਂਤ

context.shadowOffsetX=number;

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
number ਸਕਾਰਾਤਮਕ ਜਾਂ ਨਕਾਰਾਤਮਕ ਮੁੱਲ, ਸ਼ਾਡੋ ਅਤੇ ਸ਼ਕਲ ਦਰਮਿਆਨ ਦੀ ਲੰਬਾਈ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਸੰਖਿਆ: 0

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

ਸਾਰੇ ਸੰਖਿਆਵਾਂ ਵਿੱਚ ਪਹਿਲੀ ਸਹੀ ਆਈਟੀਮ ਦੀ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਦਿਸਾਈ ਹੈ।

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

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

HTML5 Canvas ਸੂਚਨਾਕੰਮ