实现手动更改遮罩颜色

slince-zero · May 5, 2024 · 29e8c02 · 29e8c02
1 parent 418b196
commit 29e8c02
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/context/index.tsx b/src/context/index.tsx
@@ -265,6 +265,7 @@ export default function ImgContextProvider({
         penSize,
         handlePenSize,
         board_pen_color,
+        setHexColor,
         handleChangeBoardPenColor,
         isCircle,
         handleIsCircle,

diff --git a/src/page/right/index.tsx b/src/page/right/index.tsx
@@ -59,6 +59,7 @@ export default function RightBoard() {
     handleChangeBoardPenColor,
     isCircle,
     handleIsCircle,
+    setHexColor
   } = useContext(ImgContext)
   const { handleDownloadImage } = useContext(ImageDownloadContext)
 
@@ -235,9 +236,10 @@ export default function RightBoard() {
           <div className='flex w-full items-center justify-between '>
             <div className='w-4/5'>
               <Input
-                type='url'
+                type='text'
                 label='遮罩'
                 value={hexColor}
+                onChange={(e)=>setHexColor(e.target.value)}
               />
             </div>