alphard/Comfyui-LayerForge
1
0
Fork 0
mirror of https://github.com/Azornes/Comfyui-LayerForge.git synced 2026-03-25 22:35:43 -03:00
Code Issues Packages Projects Releases Wiki Activity

Update Mask_tool.js

Browse Source
This commit is contained in:
Dariusz L
2025-06-26 03:30:44 +02:00
parent cb142908ad
commit a20a47b4c1
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
js/Mask_tool.js
View File

@@ -102,21 +102,27 @@ export class MaskTool {
this.maskCtx.moveTo(this.lastPosition.x, this.lastPosition.y); this.maskCtx.moveTo(this.lastPosition.x, this.lastPosition.y);
this.maskCtx.lineTo(worldCoords.x, worldCoords.y); this.maskCtx.lineTo(worldCoords.x, worldCoords.y);
// Utwórz gradient radialny dla miękkości pędzla // Utwórz styl pędzla w zależności od miękkości
const gradientRadius = this.brushSize / 2; const gradientRadius = this.brushSize / 2;
const softnessFactor = this.brushSoftness * gradientRadius;
const gradient = this.maskCtx.createRadialGradient(
worldCoords.x, worldCoords.y, gradientRadius - softnessFactor,
worldCoords.x, worldCoords.y, gradientRadius
);
gradient.addColorStop(0, `rgba(255, 255, 255, ${this.brushStrength})`);
gradient.addColorStop(1, `rgba(255, 255, 255, 0)`);
this.maskCtx.strokeStyle = gradient; if (this.brushSoftness === 0) {
// Twardy pędzel - użyj jednolitego koloru
this.maskCtx.strokeStyle = `rgba(255, 255, 255, ${this.brushStrength})`;
} else {
// Miękki pędzel - użyj gradientu radialnego
const innerRadius = gradientRadius * this.brushSoftness;
const gradient = this.maskCtx.createRadialGradient(
worldCoords.x, worldCoords.y, innerRadius,
worldCoords.x, worldCoords.y, gradientRadius
);
gradient.addColorStop(0, `rgba(255, 255, 255, ${this.brushStrength})`);
gradient.addColorStop(1, `rgba(255, 255, 255, 0)`);
this.maskCtx.strokeStyle = gradient;
}
this.maskCtx.lineWidth = this.brushSize; this.maskCtx.lineWidth = this.brushSize;
this.maskCtx.lineCap = 'round'; this.maskCtx.lineCap = 'round';
this.maskCtx.lineJoin = 'round'; this.maskCtx.lineJoin = 'round';
this.maskCtx.globalCompositeOperation = 'source-over'; this.maskCtx.globalCompositeOperation = 'source-over';
this.maskCtx.stroke(); this.maskCtx.stroke();
} }