javascript - キャンバスhtml5の透明度context.fillスタイル

Question

私はこのJavaScriptコードを書きます:

context.shadowOffsetX = 5;
context.shadowOffsetY = 5;
context.shadowBlur = 4;
context.shadowColor = 'rgba(255, 0, 0, 0.5)';
context.fillStyle = '#f00';
context.fillRect(x, y, w, h);

このスクリプトを写真に追加します。画像の色を確認したいのですが、このスクリプトに透明度を追加できません。

Answer 1

fillStyle も RGBA にしてみてください。

context.fillStyle = 'rgba(255, 0, 0, 0.5)';
context.fillRect(x, y, w, h);