style: prettier

This commit is contained in:
2025-12-20 23:36:02 +01:00
parent fc4b759051
commit 1172daa747
+19 -20
View File
@@ -11,7 +11,7 @@ enum Filter {
Brightness = "Brightness", Brightness = "Brightness",
Contrast = "Contrast", Contrast = "Contrast",
HueShift = "Hue shift", HueShift = "Hue shift",
Saturate = "Saturate" Saturate = "Saturate",
} }
enum PAPosition { enum PAPosition {
None = "None", None = "None",
@@ -131,37 +131,36 @@ function draw(size = PREVIEW_SIZE) {
const dx = (size - imgWidth) * centerX.value; const dx = (size - imgWidth) * centerX.value;
const dy = (size - imgHeight) * centerY.value; const dy = (size - imgHeight) * centerY.value;
switch(filter.value) { switch (filter.value) {
case Filter.Gray: case Filter.Gray:
ctx.filter = `grayscale(${(filterValue.value * 100).toFixed(2)}%)` ctx.filter = `grayscale(${(filterValue.value * 100).toFixed(2)}%)`;
break break;
case Filter.Sepia: case Filter.Sepia:
ctx.filter = `sepia(${(filterValue.value * 100).toFixed(2)}%)` ctx.filter = `sepia(${(filterValue.value * 100).toFixed(2)}%)`;
break break;
case Filter.Invert: case Filter.Invert:
ctx.filter = `invert(${(filterValue.value * 100).toFixed(2)}%)` ctx.filter = `invert(${(filterValue.value * 100).toFixed(2)}%)`;
break break;
case Filter.Blur: case Filter.Blur:
ctx.filter = `blur(${(filterValue.value * 2 * size / PREVIEW_SIZE).toFixed(2)}px)` ctx.filter = `blur(${((filterValue.value * 2 * size) / PREVIEW_SIZE).toFixed(2)}px)`;
break break;
case Filter.Brightness: case Filter.Brightness:
ctx.filter = `brightness(${(filterValue.value * 100).toFixed(2)}%)` ctx.filter = `brightness(${(filterValue.value * 100).toFixed(2)}%)`;
break break;
case Filter.Contrast: case Filter.Contrast:
ctx.filter = `contrast(${(filterValue.value * 100).toFixed(2)}%)` ctx.filter = `contrast(${(filterValue.value * 100).toFixed(2)}%)`;
break break;
case Filter.HueShift: case Filter.HueShift:
ctx.filter = `hue-rotate(${(filterValue.value * 360).toFixed(2)}deg)` ctx.filter = `hue-rotate(${(filterValue.value * 360).toFixed(2)}deg)`;
break break;
case Filter.Saturate: case Filter.Saturate:
ctx.filter = `saturate(${(filterValue.value * 100).toFixed(2)}%)` ctx.filter = `saturate(${(filterValue.value * 100).toFixed(2)}%)`;
break break;
} }
ctx.drawImage(image.value, dx, dy, imgWidth, imgHeight); ctx.drawImage(image.value, dx, dy, imgWidth, imgHeight);
ctx.filter = "none" ctx.filter = "none";
if (paPos.value !== PAPosition.None && parentalAdvisory.value) { if (paPos.value !== PAPosition.None && parentalAdvisory.value) {
const paWidth = size * paScale.value; const paWidth = size * paScale.value;