Can EraserBrush add hardness function?

[evenlan1990]

No description provided.

[ShaMan123]

What is hardness?

[evenlan1990]

@ShaMan123 Thanks for reply;
hardness is a key parameter used to control the brush edge effect. When drawing circular brush strokes, hardness determines the intensity of the color transition from the center to the edge of the brush, influencing whether the brush edge is soft or sharp.
• Values of hardness: Typically, hardness is a number ranging from 0 to 1:
• hardness = 1: The brush edge is completely hard (sharp) with almost no transition zone, similar to a solid circle brush.
• hardness = 0: The brush edge is completely soft, with the center fully opaque and the edge gradually transitioning to fully transparent.
• Intermediate values (e.g., hardness = 0.5): The color transition zone between the center and edge is wider, creating a semi-soft edge.

You can see from this picture that setting the hardness has different effects. I found a code, but I don't know how to combine it with the brush, code:
drawBrushPoint(drawingConfig: DrawingCircularConfig) {
const { ctx, x, y, radius, hardness } = drawingConfig;
const {
innerColor = REPAIR_POINT_INNER_COLOR,
outerColor = REPAIR_POINT_OUTER_COLOR,
} = drawingConfig;
ctx.beginPath();
const gradient = ctx.createRadialGradient(
x,
y,
GRADIENT_INNER_RADIUS,
x,
y,
radius
);
gradient.addColorStop(GRADIENT_BEGIN_OFFSET, innerColor);
gradient.addColorStop(hardness, innerColor);
gradient.addColorStop(GRADIENT_END_OFFSET, outerColor);
ctx.fillStyle = gradient;
ctx.arc(x, y, radius, ZERO_DEGREES, ONE_TURN_DEGREES);
ctx.fill();
}

[ShaMan123]

You can acheive this by subclassing the underlying PencilBrush methods.
I know of an integration with perfect-freehand but I am not sure this is what you want.
The erasing logic is built on top of the drawing logic and isn't coupled tightly or even at all.

[ShaMan123]

I did add an opacity level to erasing but it is global. You can try to manipulate that for your needs perhaps.

[evenlan1990]

Yes, opacity is global. I will try to find a way to support gradient.