diff --git a/packages/graphic-walker/src/visualSettings/index.tsx b/packages/graphic-walker/src/visualSettings/index.tsx
index a890c42d..345ecdb1 100644
--- a/packages/graphic-walker/src/visualSettings/index.tsx
+++ b/packages/graphic-walker/src/visualSettings/index.tsx
@@ -111,6 +111,14 @@ const VisualSettings: React.FC<IVisualSettings> = ({
         [rendererHandler]
     );
 
+    const downloadBase64 = useCallback(
+        throttle(() => {
+            rendererHandler?.current?.getCanvasData().then(x => navigator.clipboard.writeText(x.join(',')));
+        }, 200),
+        [rendererHandler]
+    );
+
+
     const downloadCSV = useCallback(
         throttle(() => {
             csvHandler?.current?.download();
@@ -530,6 +538,17 @@ const VisualSettings: React.FC<IVisualSettings> = ({
                         >
                             {t('button.export_chart_as', { type: 'svg' })}
                         </button>
+                        <button
+                            className={`text-xs pt-1 pb-1 pl-6 pr-6 ${
+                                dark
+                                    ? 'dark bg-zinc-900 text-gray-100 hover:bg-gray-700'
+                                    : 'bg-white hover:bg-gray-200 text-gray-800'
+                            }`}
+                            aria-label={t('button.export_chart_as', { type: 'base64' })}
+                            onClick={() => downloadBase64()}
+                        >
+                            {t('button.export_chart_as', { type: 'base64' })}
+                        </button>
                     </FormContainer>
                 ),
             }]:[],