¿Cómo hago para eliminar una imagen especifica que anteriormente cargue en un canvas? sin eliminar las demás imágenes cargadas

Tengo la misma duda compañero.

Hola ¿cómo están?

He solucionado el problema, pero no lo hice 100% en JavaScript, realice una parte en CSS.

Lo que hice fue colocar otro canvas, con fondo transparente, sobre el que ya teníamos.

Esto fue lo que hice en CSS:

#canvasCerdo {
    background-color: transparent;
    position: absolute;
    z-index: 1;
    left: 7px;
}

Para lo que hice en HTML y JavaScript les dejo un link de GitHub, para que puedan leerlo cómodamente y si quieren usarlo.

Links: HTML JavaScript CSS

Yo estuve tratando de hacer algo similar. Lo que hice fue que cuando quería que una imagen “desapareciera” volvía a dibujar las imágenes con las mismas coordenadas, solo que sin la imagen que quiero que no esté. Así fue como lo solucioné.

Esto lo utilicé para que los animales se movieran en varias direcciones.

Además le agregaba una función para limpiar el canvas, pero no sé si será siempre necesaria puesto que está dibujando encima.

Una de las caracteristicas del Canvas es que diseña todo sobre el lienzo en su estado corriente. Es decir non elimina el contenido antes de agregar otro. Lo que quieres hacer es posible solo agregando una imagen que cubra la misma posicion (y dimension) de la que quieres eliminar. Tendrias que seguir la leccion “Uso y carga de imagenes en Canvas”, pero no se si obtendrias el efecto que esperas.