Estoy tratando de usar el lienzo para eliminar el fondo de las imágenes y lo estoy llenando con un color como este:

 const onResults = (results) => { contextRef.current.save(); contextRef.current.clearRect( 0, 0, canvasRef.current.width, canvasRef.current.height ); contextRef.current.drawImage( results.segmentationMask, 0, 0, canvasRef.current.width, canvasRef.current.height ); // Only overwrite existing pixels. contextRef.current.globalCompositeOperation = "source-out"; contextRef.current.fillStyle = "#00FF00"; contextRef.current.fillRect( 0, 0, canvasRef.current.width, canvasRef.current.height ); // Only overwrite missing pixels. contextRef.current.globalCompositeOperation = "destination-atop"; contextRef.current.drawImage( results.image, 0, 0, canvasRef.current.width, canvasRef.current.height ); contextRef.current.restore(); };

Como se puede ver, el fondo está en verde y la persona está al frente. ¿Cómo puedo cambiar el color verde con otra imagen, por ejemplo, una jungla usando mi estructura de código actual?