get the target image from the background canvas through the getImageData () method, which is square. Now you want to make the square into a jigsaw puzzle
. //s r
ctx_ceng.beginPath();
ctx_ceng.moveTo(0, cY);
ctx_ceng.lineTo(s/2-r,cY);
ctx_ceng.arc(s/2,cY,25,Math.PI,2*Math.PI);
ctx_ceng.lineTo(s,cY);
ctx_ceng.lineTo(s,cY+150);
ctx_ceng.lineTo(s,cY+150);
ctx_ceng.arc(s/2,cY+s,25,2*Math.PI,Math.PI,true);
ctx_ceng.lineTo(0,cY+150);
ctx_ceng.closePath();
ctx_ceng.stroke();
ctx_ceng.fillStyle = "green";
ctx_ceng.fill();
//
ctx_ceng.globalCompositeOperation="source-in";//
ctx_ceng.beginPath();
ctx_ceng.putImageData(imgData, 0,cY-r);//
what can I do to fill the captured image only in the green part? Ask the great god for advice ~