Retrieve polygon content image by id

src/components/Board/Board.tsx

@@ -36,6 +36,7 @@ export type BoardActions = {
   downloadImage: () => void;
   drawObject: (type?: "rectangle" | "polygon") => void;
   retrieveObjects: () => CanvasObject[];
+  retrieveObjectContent: (id: string) => string | null;
 };
 
 const Board = React.forwardRef<BoardActions, BoardProps>(
@@ -58,6 +59,16 @@ const Board = React.forwardRef<BoardActions, BoardProps>(
         setCurrentZoom(100);
         onResetZoom?.();
       },
+      retrieveObjectContent(id: string) {
+        const polygonId = fabricUtils.toPolygonId(id);
+        if (editor?.canvas) {
+          const obj = fabricUtils.findObjectByName(editor.canvas, polygonId);
+          return obj
+            ? getObjectInfo(obj as fabricTypes.CustomObject).content ?? null
+            : null;
+        }
+        return null;
+      },
       deselectAll() {
         editor?.canvas.discardActiveObject();
       },

src/components/Board/__docs__/Example.tsx

@@ -42,6 +42,14 @@ const Example: FC<BoardProps> = ({ items, image }) => {
         >
           Retrieve Objects
         </button>
+        <button
+          onClick={() => {
+            const obj = ref.current?.retrieveObjectContent("1");
+            console.log(obj);
+          }}
+        >
+          Show content of: 1
+        </button>
       </div>
       <div style={{ display: "flex", gap: "10px" }}>
         <div