對(duì)于我的應(yīng)用程序，我試圖將所有內(nèi)容移動(dòng)到任意垂直接縫線的右側(cè)，向左移動(dòng)一個(gè)像素。目前我正在使用 O(n^2) for 循環(huán)并手動(dòng)編輯像素?cái)?shù)據(jù)，但不幸的是這太慢了。我有以下想法：將原始圖像繪制到畫布上，創(chuàng)建接縫Path2D，在接縫右側(cè)創(chuàng)建所有內(nèi)容的剪切區(qū)域，然后將該區(qū)域向左繪制一個(gè)像素。不幸的是，這種剪切似乎不是像素完美的，而是在圖像中引入了抗鋸齒功能。這是演示該問題的代碼示例：function getRandomInt(min, max) {  min = Math.ceil(min);  max = Math.floor(max);  return Math.floor(Math.random() * (max - min) + min);}const canvas = document.getElementById('canvas');const ctx = canvas.getContext('2d');ctx.imageSmoothingEnabled = false;ctx.beginPath();ctx.strokeStyle = "#00000000";ctx.moveTo(50, 0);for (let i = 1; i < 200; i++) {  ctx.lineTo(50 + getRandomInt(-1, 2), i);}ctx.lineTo(500, 200);ctx.lineTo(500, 0);ctx.lineTo(50, 0);ctx.stroke();ctx.clip();ctx.fillStyle = 'blue';ctx.fillRect(0, 0, canvas.width, canvas.height);ctx.fillStyle = 'orange';ctx.fillRect(0, 0, 100, 100);<canvas id="canvas" width="300" height="300">正如您所看到的，接縫在切口中引入了抗鋸齒功能。有沒有辦法創(chuàng)建像素完美且不抗鋸齒的剪切區(qū)域？我還嘗試添加image-rendering: pixelated;到樣式表中，雖然它似乎有一點(diǎn)幫助，但仍然在進(jìn)行抗鋸齒處理。