From a2e391d6e41dc3775b54b9b9e902ab6a39f5549a Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Tue, 3 Jun 2025 12:40:35 +0900
Subject: [PATCH] wip

---
 .../src/components/MkWatermarkEditorDialog.Layer.vue       | 2 +-
 packages/frontend/src/utility/image-effector/fxs/stripe.ts | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkWatermarkEditorDialog.Layer.vue b/packages/frontend/src/components/MkWatermarkEditorDialog.Layer.vue
index 221bf5ca2e..2648e234a2 100644
--- a/packages/frontend/src/components/MkWatermarkEditorDialog.Layer.vue
+++ b/packages/frontend/src/components/MkWatermarkEditorDialog.Layer.vue
@@ -108,7 +108,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 		<MkRange
 			v-model="layer.angle"
-			:min="0"
+			:min="-1"
 			:max="1"
 			:step="0.01"
 			continuousUpdate
diff --git a/packages/frontend/src/utility/image-effector/fxs/stripe.ts b/packages/frontend/src/utility/image-effector/fxs/stripe.ts
index 64397958ed..530cc2fe8a 100644
--- a/packages/frontend/src/utility/image-effector/fxs/stripe.ts
+++ b/packages/frontend/src/utility/image-effector/fxs/stripe.ts
@@ -26,9 +26,12 @@ out vec4 out_color;
 
 void main() {
 	vec4 in_color = texture(in_texture, in_uv);
+	float x_ratio = max(in_resolution.x / in_resolution.y, 1.0);
+	float y_ratio = max(in_resolution.y / in_resolution.x, 1.0);
+
 	float angle = u_angle * PI;
 	mat2 rotationMatrix = mat2(cos(angle), -sin(angle), sin(angle), cos(angle));
-	vec2 rotatedUV = rotationMatrix * (in_uv - 0.5);
+	vec2 rotatedUV = rotationMatrix * (vec2(in_uv.x * x_ratio, in_uv.y * y_ratio) - 0.5);
 	float phase = u_phase * TWO_PI;
 	float value = (1.0 + sin((rotatedUV.x * u_frequency - HALF_PI) + phase)) / 2.0;
 	value = value < u_threshold ? 1.0 : 0.0;
@@ -50,7 +53,7 @@ export const FX_stripe = defineImageEffectorFx({
 		angle: {
 			type: 'number' as const,
 			default: 0.5,
-			min: 0.0,
+			min: -1.0,
 			max: 1.0,
 			step: 0.01,
 		},