I have been trying to get this to work for a while the way you describe in your instructions, but after further investigation, I am finding that there is absolutely no reference to "completeRatio" or "completeFunction" in the jQuery.eraser code.

Was something accidentally omitted in the commit?

Hi I am trying to make a game for children , they need to discover images behind other images. But I have the canvas inside others div with scroll bars.

When you scroll down the coordinates of the brush are lost. Here an example:

http://jsfiddle.net/L0oaar7z/

Any idea of how to resolve this ?

I using this tool in a project. It is working wonderfull. I have one request to check how much area of image is calculated at moment . I will really appreciate your help.

Hi

Firstable I would like to say thanks for this great plugin. Everything works perfectly for my purpose and it does seems like the besteraser (scratch)plugin available online.

I have been trying to get the callback function working.

however the function is called when the document is loaded. ( instead of being calledback when the eraser function complete).

function test() { $('#test').fadeIn(); } function init(event) { $("#redux").eraser({ completeRatio: 0.8, completeFunction: test() }); } addEventListener( "load", init, false );

GitHub changed the way Markdown headings are parsed, so this change fixes it.

See bryant1410/readmesfix for more information.

Tackles bryant1410/readmesfix#1

In line 98 do this: ctx.drawImage(that, 0, 0, width, height); and in line 326 this: data.ctx.drawImage( data.source, 0, 0 , data.w, data.h);

fix an issue in devices whith other devicePixelRatio but 1 (like he new iPad)

Ok, i'm gonna write this in spanish, just because my shitty english: En la lína 98 pega esto:ctx.drawImage(that, 0, 0, width, height); y en la línea 326 esto: data.ctx.drawImage( data.source, 0, 0 , data.w, data.h);

Arregla un problema en los dispositivos que tienen un devicePixelRatio distinto de 1 (como el nuevo iPad)

HI,

First of all - great script, does exactly what I was looking for.

I have noticed in default android browser (tested with samsung s3 & galaxy tab running android 4.1.1- 4.2) the erase function doesn't work as expected.

I have hooked up a callback (which fires) but the panel doesn't erase. Works fine in Chrome for android.

Any idea why this is happening?

evaluatePoint 函数中var p = Math.floor(tx / data.size) + Math.floor(ty / data.size) * data.colParts;是否应该改成var row=Math.ceil(ty / data.size)-1;row=(row<0)?0:row;var p = Math.floor(tx / data.size) +row * data.colParts;

Images in canvas becomes blurry on HiDPI devices such as iPhone 5s, this patch fixes this problem. See also: http://www.html5rocks.com/en/tutorials/canvas/hidpi/

Hello,

First of all, thanks a lot for this great plugin.

It's working perfectly on mobile, but on desktop browser (chrome or safari), I have a minor issue I can't fix :

1. It doesn't work by default, eraser seems to be blocked, impossible to erase the canvas
2. If I resize the browser window, then it works: I can erase my canvas (which is a car in this example)

See video of issue here: https://app.usebubbles.com/qgE8TyBph6PshyrD8NxJQc/comments-on-newtab/

Thanks a lot in advance for your help!

I tried to change the cursor. So, I used some CSS to do it. But I was unable to achieve it.

#redux {
    cursor: url("assets/img/brush.png"), url("assets/img/brush.cur"), default;
}

Could you add this as a feature? That would be so great if it is possible.

everytime I finish brush the whole image, the progress is different, sometimes 93%, sometimes 97%, and never 100%. Seems if I buttonup more times, the final progress will be higher, if I click down and drag a lot and not release the button, the progress will be lower. how this happen and can you help to fix, I'd like to have a 100% progress, thanks

I have a hidden element. eraser cannot get the offset value. Then in MouseDown event I add these codes

    if (data.posX == 0) {
        data.posX = $this.offset().left;
        data.posY = $this.offset().top;
    }

can fix this bug

Hi, I have a requirement where i need to pop up the selected image and load eraser functionality to it. When i associated the eraser plugin to the image on the modal pop up it is not enabling the eraser functionality.

Please guide me on how to achieve this.