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

This commit is contained in:
kakkokari-gtyih 2024-12-20 12:06:13 +09:00
parent 53b1b32b85
commit 0b23bebb7e
4 changed files with 9 additions and 9 deletions

2
locales/index.d.ts vendored
View file

@ -4549,7 +4549,7 @@ export interface Locale extends ILocale {
/** /**
* *
*/ */
"opacity": string; "transparency": string;
/** /**
* *
*/ */

View file

@ -1132,7 +1132,7 @@ vertical: "縦"
horizontal: "横" horizontal: "横"
position: "位置" position: "位置"
rotate: "回転" rotate: "回転"
opacity: "透明度" transparency: "透明度"
serverRules: "サーバールール" serverRules: "サーバールール"
pleaseConfirmBelowBeforeSignup: "このサーバーに登録するには、以下の内容を確認し同意する必要があります。" pleaseConfirmBelowBeforeSignup: "このサーバーに登録するには、以下の内容を確認し同意する必要があります。"
pleaseAgreeAllToContinue: "続けるには、全ての「同意する」にチェックが入っている必要があります。" pleaseAgreeAllToContinue: "続けるには、全ての「同意する」にチェックが入っている必要があります。"

View file

@ -41,8 +41,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>{{ i18n.ts.size }}</template> <template #label>{{ i18n.ts.size }}</template>
</MkRange> </MkRange>
<MkRange v-model="opacity" :min="0" :max="1" :step="0.01" :textConverter="(v) => `${Math.floor(v * 100)}%`"> <MkRange v-model="transparency" :min="0" :max="1" :step="0.01" :textConverter="(v) => `${Math.floor(v * 100)}%`">
<template #label>{{ i18n.ts.opacity }}</template> <template #label>{{ i18n.ts.transparency }}</template>
</MkRange> </MkRange>
<MkRange v-model="rotate" :min="-45" :max="45" :textConverter="(v) => `${Math.floor(v)}°`"> <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, get: () => watermarkConfig.value?.repeat ?? true,
set: (v) => watermarkConfig.value = { ...watermarkConfig.value, repeat: v }, set: (v) => watermarkConfig.value = { ...watermarkConfig.value, repeat: v },
}); });
const opacity = computed({ const transparency = computed({
get: () => watermarkConfig.value?.opacity ?? 0.2, get: () => 1 - (watermarkConfig.value?.opacity ?? 0.2),
set: (v) => watermarkConfig.value = { ...watermarkConfig.value, opacity: v }, set: (v) => watermarkConfig.value = { ...watermarkConfig.value, opacity: (1 - v) },
}); });
const rotate = computed({ const rotate = computed({
get: () => watermarkConfig.value?.rotate ?? 15, get: () => watermarkConfig.value?.rotate ?? 15,

View file

@ -34,7 +34,7 @@ export type WatermarkUserConfig = {
fileUrl?: string; fileUrl?: string;
/** 親画像に対するウォーターマークの幅比率。ない場合は1。親画像が縦長の場合は幅の比率として、横長の場合は高さ比率として使用される */ /** 親画像に対するウォーターマークの幅比率。ない場合は1。親画像が縦長の場合は幅の比率として、横長の場合は高さ比率として使用される */
sizeRatio?: number; sizeRatio?: number;
/** 透明度 */ /** 透明度 */
opacity?: number; opacity?: number;
/** 回転角度(度数) */ /** 回転角度(度数) */
rotate?: number; rotate?: number;
@ -70,7 +70,7 @@ export type WatermarkConfig = {
fileUrl?: string; fileUrl?: string;
/** 親画像に対するウォーターマークの幅比率。ない場合は1。親画像が縦長の場合は幅の比率として、横長の場合は高さ比率として使用される */ /** 親画像に対するウォーターマークの幅比率。ない場合は1。親画像が縦長の場合は幅の比率として、横長の場合は高さ比率として使用される */
sizeRatio?: number; sizeRatio?: number;
/** 透明度 */ /** 透明度 */
opacity?: number; opacity?: number;
/** 回転角度(度数) */ /** 回転角度(度数) */
rotate?: number; rotate?: number;