fix: watermark font size error

TeamVastsea · Aug 23, 2024 · 689e01c · 689e01c
1 parent baa0888
commit 689e01c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/(root)/backstage/components/Watermark.tsx b/app/(root)/backstage/components/Watermark.tsx
@@ -19,17 +19,17 @@ export default function Watermark({
         const ctx = canvas.getContext('2d');
 
         if (ctx) {
-            ctx.font = font;
             const { width } = ctx.measureText(text);
             const canvasSize = Math.max(100, width) + gap * devicePixelRatio;
             canvas.width = canvasSize;
             canvas.height = canvasSize;
 
             ctx.translate(canvas.width / 2, canvas.height / 2);
             ctx.rotate((-45 * Math.PI) / 180);
-            ctx.fillStyle = 'rgba(0, 0, 0, 0.3)';
+            ctx.fillStyle = 'rgba(0, 0, 0, 0.2)';
             ctx.textAlign = 'center';
             ctx.textBaseline = 'middle';
+            ctx.font = font;
             ctx.fillText(text, 0, 0);
 
             return {

diff --git a/app/(root)/backstage/layout.tsx b/app/(root)/backstage/layout.tsx
@@ -23,8 +23,8 @@ export default function BackStageLayout({ children }: { children: React.ReactNod
         <div>
             <Watermark
               text={`${userName} ${userId}`}
-              fontSize={20}
-              gap={5}
+              fontSize={40}
+              gap={200}
             >
                 {children}
                 <Tools />