fix: opacityは不透明度だったので修正

misskey-dev · Dec 20, 2024 · 0b23beb · 0b23beb
1 parent 53b1b32
commit 0b23beb
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;