partial changes in strokes after transparent erase

[yuchi328]

Thanks for your excellent work! I have used the version 6.0.1 and it is very helpful.
I found a little issue during using it. So I hope you can kindly give me some help for it.

Describe the bug
When using transparent erase, the former color brush stroke will change partially. It is very strange that if I draw a few more strokes (4 strokes or more) before using the eraser, the issue disappears.
This issue may be related to #39 .

Desktop:

• OS: macOS
• Browser: chrome

Screenshots

test2.mp4

[vinothpandian]

@yuchi328 Thank you for raising the issue. I will try to figure out the solution. Please send PR if you managed to fix it

[yuchi328]

@yuchi328 Thank you for raising the issue. I will try to figure out the solution. Please send PR if you managed to fix it

Thank you a lot for your reply! I am willing to contribute it, but actually I am not familiar with the relevant technology. Hope you can solve this issue, thanks!

[vinothpandian]

@yuchi328 I couldn't reproduce this issue. Can you share the code in codesandbox or stackblitz?

[yuchi328]

@vinothpandian Hi, I created a simple code to reproduce this bug in codesandbox: https://codesandbox.io/s/pedantic-sea-zx7gu?file=/src/App.js, thank you so much for contributing your time.
Process:

1. draw a stroke
2. click 'eraser' button to eraser mode
3. draw again

Screenshot:

test.mp4

[vinothpandian]

@yuchi328 I released a new beta version 6.0.2-beta.2 that fixes this issue, can you please check and confirm?

[yuchi328]

@vinothpandian Great! I have tested 6.0.2, and it performed perfectly. Thank you so much!
There are two minor issues:

1. It seems that the new version cannot be installed via npm, so I install via yarn.
2. state of canvas is not supported, such as isDrawing, so I use other ways.

[vinothpandian]

Can you please explain 2? Are you trying to access the inner state of the canvas directly?