From 00a5b5b7774fd117a1c68a3cf8efff5bbbf88b41 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Mon, 16 Dec 2024 11:37:59 +0900
Subject: [PATCH] refactor

---
 packages/frontend/src/scripts/watermark.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/scripts/watermark.ts b/packages/frontend/src/scripts/watermark.ts
index b8da499985..36add1b61f 100644
--- a/packages/frontend/src/scripts/watermark.ts
+++ b/packages/frontend/src/scripts/watermark.ts
@@ -57,11 +57,12 @@ export async function applyWatermark(img: string | Blob, el: HTMLCanvasElement,
 					if (pattern) {
 						ctx.fillStyle = pattern;
 						if (config.rotate) {
+							const rotateRad = config.rotate * Math.PI / 180;
 							ctx.translate(canvas.width / 2, canvas.height / 2);
-							ctx.rotate(config.rotate * Math.PI / 180);
+							ctx.rotate(rotateRad);
 							ctx.translate(-canvas.width / 2, -canvas.height / 2);
-							const rotatedWidth = Math.abs(canvas.width * Math.cos(config.rotate * Math.PI / 180)) + Math.abs(canvas.height * Math.sin(config.rotate * Math.PI / 180));
-							const rotatedHeight = Math.abs(canvas.width * Math.sin(config.rotate * Math.PI / 180)) + Math.abs(canvas.height * Math.cos(config.rotate * Math.PI / 180));
+							const rotatedWidth = Math.abs(canvas.width * Math.cos(rotateRad)) + Math.abs(canvas.height * Math.sin(rotateRad));
+							const rotatedHeight = Math.abs(canvas.width * Math.sin(rotateRad)) + Math.abs(canvas.height * Math.cos(rotateRad));
 							const x = Math.abs(rotatedWidth - canvas.width) / -2;
 							const y = Math.abs(rotatedHeight - canvas.height) / -2;
 							ctx.fillRect(x, y, rotatedWidth, rotatedHeight);