我有一個簡單的畫布，背景是一個矩形，底部有一個圖像，我正在嘗試繪制一個圓圈，該圓圈的一部分與圖像重疊。我有點卡在globalCompositeOperation使用哪個圓弧/圓出現在畫布上圖像的頂部。代碼：   var canvas = document.getElementById('myCanvas');      var context = canvas.getContext('2d');      var centerX = canvas.width / 2;      var centerY = canvas.height / 2;      var radius = 70;      context.fillStyle = "#29BEF1";      context.fillRect(0, 0, 800, 131);       var img = new Image;       img.src = 'https://i.imgur.com/aN26XpH.png';       img.onload = function() {          context.drawImage(img, 0, 29)      }       context.beginPath();      context.arc(800, -29, 87, 0, 2 * Math.PI);      context.closePath();      context.fillStyle = '#FEDB62';      context.fill();      body {        margin: 0px;        padding: 0px;      }    <canvas id="myCanvas" width="800" height="131"></canvas>