From 81dddc4c4e272186595d8b5ce2cf1e2aacb9c58e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Llorca?= <frederic@wecraftapps.com>
Date: Wed, 17 Mar 2021 05:19:53 +0100
Subject: [PATCH] Get base64 (#146)

* ajout fonctionn getDrawingBase64

* implem

* [Fix] retour type

* rename function getBase64

* finish rename

* doc
---
 README.md         | 3 +++
 src/useDrawing.ts | 8 +++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 7a184917..40e64a21 100644
--- a/README.md
+++ b/README.md
@@ -59,6 +59,9 @@ draw.download('svg')
 draw.download('png')
 draw.download('jpg')
 
+// Get base64 string
+draw.getBase64()
+
 // Undo drawing.
 draw.undo()
 
diff --git a/src/useDrawing.ts b/src/useDrawing.ts
index e947a1d8..3442dc64 100644
--- a/src/useDrawing.ts
+++ b/src/useDrawing.ts
@@ -13,6 +13,7 @@ interface UseSvgDrawing {
   changeCurve: (penwidth: DrawingOption['curve']) => void
   getSvgXML: () => string | null
   download: (ext: 'svg' | 'png' | 'jpg') => void
+  getBase64: () => string | undefined
 }
 export const useSvgDrawing = (
   option?: Partial<DrawingOption>
@@ -27,6 +28,10 @@ export const useSvgDrawing = (
     if (!drawingRef.current) return
     drawingRef.current.download(ext)
   }, [])
+  const getBase64 = useCallback(() => {
+    if (!drawingRef.current) return
+    return drawingRef.current.toBase64()
+  }, [])
   const changePenColor = useCallback((param: DrawingOption['penColor']) => {
     if (!drawingRef.current || !param) return
     drawingRef.current.penColor = param
@@ -80,7 +85,8 @@ export const useSvgDrawing = (
       clear,
       undo,
       getSvgXML,
-      download
+      download,
+      getBase64
     }
   ]
 }