Estoy usando jQuery.eraser que funciona bien para borrar una imagen. Pero funciona al hacer clic en lugar de pasar el mouse. Pensé que podría activar un clic al pasar el mouse por lo que hizo clic donde está el mouse. Pero lo que he probado no funciona. ¿Supongo que necesito alimentarlo con algunas coordenadas para que funcione?
Esto es lo que he probado:
$( "#image1" ).on('mouseenter mouseleave', function(){ $(this).trigger( "click" ); })Aquí hay un violín de un ejemplo de trabajo.
En la sección "bind events" del código del eraser , reemplace los enlaces por los siguientes:
$canvas.bind('mouseenter.eraser', methods.mouseDown); $canvas.bind('mouseenter.eraser', methods.touchStart); $canvas.bind('touchmove.eraser', methods.touchMove); $canvas.bind('mouseleave.eraser', methods.touchEnd);Esto parece funcionar en una computadora portátil, sin embargo, debe tener en cuenta que esta es una solución rápida y fea, no estoy seguro de cómo se comportará en los dispositivos móviles, y debe pensarlo dos veces antes de usarlo.
Demostración: https://jsfiddle.net/q49w1cuj/