我正在使用畫布為音頻創建波形圖形均衡器。我注意到畫布上的所有像素都受到我對畫布特定部分所做的筆觸的影響。如果我對畫布的某個區域進行更改，我希望畫布的其他區域不受影響，但我的期望沒有得到滿足。為什么？謝謝。const c = document.getElementById('c');const ctx = c.getContext('2d');const [ r,g,b ] = [0,0,0];const { height } = ctx.canvas;const colorNode = document.getElementById('color');const narrationNode = document.getElementById('narration');var x = 0;ctx.lineWidth = 1;const interval = setInterval(() => { x++; if (x > 500) clearInterval(interval); narrationNode.innerHTML = narration.map( (narrative, i) => narrative && x >= i ? `<li>${narrative}</li>` : '' ).join(''); const margin = x/5; const gradient = ctx.createLinearGradient( 0, margin, 0, height-margin ); gradient.addColorStop(0, `rgba(${r},${g},$,0)`); gradient.addColorStop(0.5, `rgba(${r},${g},$,1)`); gradient.addColorStop(1.0, `rgba(${r},${g},$,0)`); ctx.strokeStyle = gradient; ctx.moveTo(x, margin); ctx.lineTo(x, height-margin); ctx.stroke(); var pixel = ctx.getImageData(25, 5, 1, 1).data; var rgba = 'rgba(' + pixel[0] + ', ' + pixel[1] + ', ' + pixel[2] + ', ' + (pixel[3] / 255) + ')'; colorNode.innerHTML = rgba + ', ' + x;},90)
為什么我在畫布右側的繪圖會改變畫布左側的像素？
肥皂起泡泡
2023-03-24 16:19:26
