style: prettier
This commit is contained in:
+19
-20
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user