Canvas globalAlpha ਵਿਸ਼ੇਸ਼ਤਾ

Canvas مراجع دستور

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

globalAlpha ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈੱਟ ਕਰਦੀ ਹੈ ਜਾਂ ਵਾਪਸ ਕਰਦੀ ਹੈ ਕਿ ਪੇਂਟਿੰਗ ਦੀ ਮੌਜੂਦਾ ਪਾਰਦਰਸ਼ਤਾ (alpha ਜਾਂ ਪਾਰਦਰਸ਼ਤਾ)

globalAlpha ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ 0.0ਅਤੇ (ਪੂਰੀ ਪਾਰਦਰਸ਼ਤਾ) 1.0ਅਤੇ (ਅਨੰਦਤਾ) ਦਰਮਿਆਨ ਦੇ ਨੰਬਰ

ਉਦਾਹਰਣ

ਪਹਿਲਾਂ, ਇੱਕ ਲਾਲ ਚੱਕਰ ਬਣਾਓ ਤਾਂ ਫਿਰ ਪਾਰਦਰਸ਼ਤਾ (globalAlpha) ਨੂੰ 0.2 ਸੈੱਟ ਕਰੋ ਅਤੇ ਫਿਰ ਹਰੀ ਅਤੇ ਨੀਲੇ ਚੱਕਰ ਬਣਾਓ:

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

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

浏览器支持

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

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 مراجع دستور