Canvas globalAlphaは画像に影響しませんか？

Question

私はputImageData（）でキャンバスに一連の画像を貼り付けようとしていますが、コンテキストのglobalAlphaプロパティは効果がないようです。しかし、drawImage（）を使っています。それはどうやって動作するのでしょうか？スニペット

は動作しません：

cx.globalAlpha = 0.1; 
cx.putImageData(imagesData[index], 0, 0); 

Answer 1

いいえ、putImageDataがあったものは何でもピクセル上書きし、画像データから、純粋な、自然のままのピクセルを配置します。

電流パス、変換行列、シャドウ属性、グローバルアルファ、クリッピング領域、及びグローバル組成オペレータがgetImageData()とputImageData()方法に影響を与えてはならない：スペックから

。

Answer 2

イメージをパターンにしてパスを描き、塗りつぶすことができます。

var img=document.getElementById("myImg") 
var c=document.getElementById("myCanvas"); 
var ctx=c.getContext("2d"); 
var pat=ctx.createPattern(img,'repeat'); 

ctx.globalAlpha=0.2; 

ctx.fillStyle=pat; 
ctx.beginPath(); ctx.rect(0,0,175,150); ctx.fill(); ctx.closePath(); 

ctx.globalAlpha=0.9; 

ctx.beginPath(); ctx.rect(50,50,75,50); ctx.fill(); ctx.closePath();