From 0b23bebb7e9c5a57c2f7bcade065c2b5d6d0f8c1 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Fri, 20 Dec 2024 12:06:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20opacity=E3=81=AF=E4=B8=8D=E9=80=8F?=
 =?UTF-8?q?=E6=98=8E=E5=BA=A6=E3=81=A0=E3=81=A3=E3=81=9F=E3=81=AE=E3=81=A7?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/index.d.ts                                     |  2 +-
 locales/ja-JP.yml                                      |  2 +-
 .../src/components/MkWatermarkEditorDialog.vue         | 10 +++++-----
 packages/frontend/src/scripts/watermark.ts             |  4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index 98bf7a305d..8442e6ba07 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -4549,7 +4549,7 @@ export interface Locale extends ILocale {
     /**
      * 透明度
      */
-    "opacity": string;
+    "transparency": string;
     /**
      * サーバールール
      */
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 476ef4cc31..ab53af3b21 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1132,7 +1132,7 @@ vertical: "縦"
 horizontal: "横"
 position: "位置"
 rotate: "回転"
-opacity: "透明度"
+transparency: "透明度"
 serverRules: "サーバールール"
 pleaseConfirmBelowBeforeSignup: "このサーバーに登録するには、以下の内容を確認し同意する必要があります。"
 pleaseAgreeAllToContinue: "続けるには、全ての「同意する」にチェックが入っている必要があります。"
diff --git a/packages/frontend/src/components/MkWatermarkEditorDialog.vue b/packages/frontend/src/components/MkWatermarkEditorDialog.vue
index f3eacf81d1..a0837e0179 100644
--- a/packages/frontend/src/components/MkWatermarkEditorDialog.vue
+++ b/packages/frontend/src/components/MkWatermarkEditorDialog.vue
@@ -41,8 +41,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<template #label>{{ i18n.ts.size }}</template>
 					</MkRange>
 
-					<MkRange v-model="opacity" :min="0" :max="1" :step="0.01" :textConverter="(v) => `${Math.floor(v * 100)}%`">
-						<template #label>{{ i18n.ts.opacity }}</template>
+					<MkRange v-model="transparency" :min="0" :max="1" :step="0.01" :textConverter="(v) => `${Math.floor(v * 100)}%`">
+						<template #label>{{ i18n.ts.transparency }}</template>
 					</MkRange>
 
 					<MkRange v-model="rotate" :min="-45" :max="45" :textConverter="(v) => `${Math.floor(v)}°`">
@@ -158,9 +158,9 @@ const repeat = computed({
 	get: () => watermarkConfig.value?.repeat ?? true,
 	set: (v) => watermarkConfig.value = { ...watermarkConfig.value, repeat: v },
 });
-const opacity = computed({
-	get: () => watermarkConfig.value?.opacity ?? 0.2,
-	set: (v) => watermarkConfig.value = { ...watermarkConfig.value, opacity: v },
+const transparency = computed({
+	get: () => 1 - (watermarkConfig.value?.opacity ?? 0.2),
+	set: (v) => watermarkConfig.value = { ...watermarkConfig.value, opacity: (1 - v) },
 });
 const rotate = computed({
 	get: () => watermarkConfig.value?.rotate ?? 15,
diff --git a/packages/frontend/src/scripts/watermark.ts b/packages/frontend/src/scripts/watermark.ts
index d22fbb1c54..426ac5edc7 100644
--- a/packages/frontend/src/scripts/watermark.ts
+++ b/packages/frontend/src/scripts/watermark.ts
@@ -34,7 +34,7 @@ export type WatermarkUserConfig = {
 	fileUrl?: string;
 	/** 親画像に対するウォーターマークの幅比率。ない場合は1。親画像が縦長の場合は幅の比率として、横長の場合は高さ比率として使用される */
 	sizeRatio?: number;
-	/** 透明度 */
+	/** 不透明度 */
 	opacity?: number;
 	/** 回転角度（度数） */
 	rotate?: number;
@@ -70,7 +70,7 @@ export type WatermarkConfig = {
 	fileUrl?: string;
 	/** 親画像に対するウォーターマークの幅比率。ない場合は1。親画像が縦長の場合は幅の比率として、横長の場合は高さ比率として使用される */
 	sizeRatio?: number;
-	/** 透明度 */
+	/** 不透明度 */
 	opacity?: number;
 	/** 回転角度（度数） */
 	rotate?: number;