HTML canvas globalAlpha 属性
定义和用法
globalAlpha
属性设置或返回绘图的当前透明值(alpha 或 transparency)。
globalAlpha
ਪ੍ਰਤੀਭਾਵ ਮੁੱਲ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਵਿਚਕਾਰ 0.0
ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ (ਪੂਰੀ ਤਰ੍ਹਾਂ ਅਨਪਾਰਦਰਸ਼ੀ) ਨਾਲ 1.0
ਅਣਪਾਰਦਰਸ਼ੀ (ਅਨਪਾਰਦਰਸ਼ੀ) ਦਰਮਿਆਨ ਨੰਬਰ
ਉਦਾਹਰਣ
ਪਹਿਲਾਂ, ਇੱਕ ਲਾਲ ਰੰਗ ਦਾ ਚੱਕਰ ਦਰਸਾਓ ਅਤੇ ਫਿਰ ਪਾਰਦਰਸ਼ਤਾ (globalAlpha) ਨੂੰ 0.2 ਸੈਟ ਕਰੋ ਅਤੇ ਫਿਰ ਇੱਕ ਹਰੀ ਅਤੇ ਨੀਲੇ ਚੱਕਰ ਦਰਸਾਓ:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="red"; ctx.fillRect(20,20,75,50); // ਪਾਰਦਰਸ਼ਤਾ ਸੰਤੁਲਨ ctx.globalAlpha=0.2; ctx.fillStyle="blue"; ctx.fillRect(50,50,75,50); ctx.fillStyle="green"; ctx.fillRect(80,80,75,50);
ਸਿਧਾਂਤ
context.globalAlpha=number;
ਗੁਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
number | ਪਾਰਦਰਸ਼ਤਾ ਮੁੱਲ।ਇਹ 0.0 (ਪੂਰੀ ਪਾਰਦਰਸ਼ਤਾ) ਅਤੇ 1.0 (ਬੇਹੱਦ ਅਨੁਪਾਤ) ਦਰਮਿਆਨ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | 1.0 |
---|
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਸਿਫਰਾਂ ਵਿੱਚ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਸਹੀ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਦਿਸਾਈ ਗਈ ਹੈ。
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸੰਸਕਰਣਾਂ <canvas> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੀਆਂ ਹਨ。