eraser and recover brush for fabricjs( canvas)

[komagic]

haha，i am try to create a simple editor by fabricjs， i created an eraser and a recovery brush, as show below:

however, i do not know how to create a path with feather edges by fabricjs，can you show me some samples?

[asturur]

Hi @komagic, i do not understand your question.

Can you rephrase it, please?

[komagic]

how to create a path with alpha feather edges( fabricjs)?

[asturur]

There is no such a tool.
If you can define a path for your shape you can overlay a series of strokes with different opacity to imitate the effect.

[komagic]

how to copy the content of the canvas to another canvas correctly? use todataURL pls. (do not use toJson)

[asturur]

you can use drawImage to draw your current lowerCanvasEl somewhere else.

[asturur]

i can t really follow step by step your project. You should make a good open stack overflow snippet and ask help on stackoverflow. Here we can t provide this kind of help

[Euphoria9702]

我最近也在想用fabric.js您当时实现的内容，demo可以放到git上给我参考学习一下吗，哈哈

[Euphoria9702]

@ @komagic

[ShaMan123]

@asturur can shadow be used here?

[ShaMan123]

haha，i am try to create a simple editor by fabricjs， i created an eraser and a recovery brush, as show below:

however, i do not know how to create a path with feather edges by fabricjs，can you show me some samples?

This is a cool feature

[ShaMan123]

Tried it out, looks interesting:
https://codesandbox.io/s/exciting-architecture-bcgej?file=/src/App.tsx

hit the erase button

[Euphoria9702]

how to created recovery brush @komagic

[ShaMan123]

see PR #7271

[Euphoria9702]

It will draw color and I would expect it won't and only recover erased paths.

[ShaMan123]

Indeed, as I stated in the PR

[ShaMan123]

solved

[ShaMan123]

The eraser has moved https://github.com/ShaMan123/erase2d