remember translucency

Adding myself to contributors

Added braces surrounding if statement to comply with ninja checks
This commit is contained in:
dspillebeen 2025-09-26 15:34:44 +02:00
parent a842ba1498
commit 4c904b0c1b
3 changed files with 6 additions and 3 deletions

View file

@ -246,6 +246,7 @@ Aldlss <ayaldlss@gmail.com>
Hanna Nilsén <hanni614@student.liu.se> Hanna Nilsén <hanni614@student.liu.se>
Elias Johansson Lara <elias.johanssonlara@gmail.com> Elias Johansson Lara <elias.johanssonlara@gmail.com>
Toby Penner <tobypenner01@gmail.com> Toby Penner <tobypenner01@gmail.com>
Danilo Spillebeen <spillebeendanilo@gmail.com>
******************** ********************

View file

@ -32,6 +32,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
saveNeededStore, saveNeededStore,
opacityStateStore, opacityStateStore,
} from "./store"; } from "./store";
import { get } from "svelte/store";
import { drawEllipse, drawPolygon, drawRectangle, drawText } from "./tools/index"; import { drawEllipse, drawPolygon, drawRectangle, drawText } from "./tools/index";
import { makeMaskTransparent, SHAPE_MASK_COLOR } from "./tools/lib"; import { makeMaskTransparent, SHAPE_MASK_COLOR } from "./tools/lib";
import { enableSelectable, stopDraw } from "./tools/lib"; import { enableSelectable, stopDraw } from "./tools/lib";
@ -233,7 +234,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
} }
onMount(() => { onMount(() => {
opacityStateStore.set(maskOpacity); maskOpacity = get(opacityStateStore);
removeHandlers = singleCallback( removeHandlers = singleCallback(
on(document, "click", onClick), on(document, "click", onClick),
on(window, "mousemove", onMousemove), on(window, "mousemove", onMousemove),

View file

@ -8,10 +8,10 @@ import { fabric } from "fabric";
import { get } from "svelte/store"; import { get } from "svelte/store";
import { optimumCssSizeForCanvas } from "./canvas-scale"; import { optimumCssSizeForCanvas } from "./canvas-scale";
import { hideAllGuessOne, notesDataStore, saveNeededStore, tagsWritable, textEditingState } from "./store"; import { hideAllGuessOne, notesDataStore, opacityStateStore, saveNeededStore, tagsWritable, textEditingState } from "./store";
import Toast from "./Toast.svelte"; import Toast from "./Toast.svelte";
import { addShapesToCanvasFromCloze } from "./tools/add-from-cloze"; import { addShapesToCanvasFromCloze } from "./tools/add-from-cloze";
import { enableSelectable, makeShapesRemainInCanvas, moveShapeToCanvasBoundaries } from "./tools/lib"; import { enableSelectable, makeMaskTransparent, makeShapesRemainInCanvas, moveShapeToCanvasBoundaries } from "./tools/lib";
import { modifiedPolygon } from "./tools/tool-polygon"; import { modifiedPolygon } from "./tools/tool-polygon";
import { undoStack } from "./tools/tool-undo-redo"; import { undoStack } from "./tools/tool-undo-redo";
import { enablePinchZoom, onResize, setCanvasSize } from "./tools/tool-zoom"; import { enablePinchZoom, onResize, setCanvasSize } from "./tools/tool-zoom";
@ -83,6 +83,7 @@ export const setupMaskEditorForEdit = async (
window.requestAnimationFrame(() => { window.requestAnimationFrame(() => {
onImageLoaded({ noteId: BigInt(noteId) }); onImageLoaded({ noteId: BigInt(noteId) });
}); });
if (get(opacityStateStore)) { makeMaskTransparent(canvas, true); }
}; };
return canvas; return canvas;