Export canvas as image

Export the entire visible canvas or part of the canvas as an imag

Exporting entire canvas as an image (TBD)

Exporting a sheet region

import { SpreadsheetProvider, CanvasGrid, useSpreadsheet, useSpreadsheetApi } from "@rowsncolumns/spreadsheet";

const MySpreadsheet = () => {
  const api = useSpreadsheetApi()
  // OR
  const { exportRegion } = useSpreadsheet()

  
  return (
    <>
      <button
        onClick={() => {
          exportRegion?.({
            startRowIndex: 2,
            endRowIndex: 2,
            startColumnIndex: 2,
            endColumnIndex: 2
          }, "filename", "image/png")
        }}
      >Export</button>
      <CanvasGrid />
    </>
  );
};

const App = () => (
  <SpreadsheetProvider>
    <MySpreadsheet />
  </SpreadsheetProvider>
);

Last updated

Was this helpful?