diff --git a/src/components/image-editor/index.tsx b/src/components/image-editor/index.tsx
index 3bdf7699..4b76696b 100644
--- a/src/components/image-editor/index.tsx
+++ b/src/components/image-editor/index.tsx
@@ -6,7 +6,7 @@ import {
   UndoOutlined
 } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Button, Slider, Tooltip } from 'antd';
+import { Button, Checkbox, Slider, Tooltip } from 'antd';
 import dayjs from 'dayjs';
 import _ from 'lodash';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
@@ -794,7 +794,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
           </Tooltip>
         </div>
         <div className="tools">
-          {/* <Checkbox
+          <Checkbox
             onChange={handleOnChangeMask}
             className="flex-center"
             value={negativeMaskRef.current}
@@ -802,7 +802,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
             <span className="font-size-12">
               {intl.formatMessage({ id: 'playground.image.negativeMask' })}
             </span>
-          </Checkbox> */}
+          </Checkbox>
           <Tooltip
             title={intl.formatMessage({ id: 'playground.image.saveMask' })}
           >