Store an PNG Image of scichart Surface in Clipboard in JavaScript

Hi Ferdinand,

In fact, copying a SciChartSurface to the clipboard involves two steps:

1.Converting the SciChartSurface into an image. Right now we do not have an API to do it right away, but you can use
a) canvas2d.toDataURL(), but this won’t save svg annotations and legends
b) if you have Node.js environment use Puppeteer headless browser to create images.

const puppeteer = require("puppeteer");

// const url = "https://example.com";
const url = "http://localhost:5000";

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto(url);
  await page.waitForSelector("#scichart-root", {
    visible: true,
  });
  await page.screenshot({
    path: "testImgGeneration/test1.png",
    clip: { x: 0, y: 0, width: 900, height: 600 },
  });

  await browser.close();
})();

2.Copying image to the clipboard navigator.clipboard.writeText()

Best regards,
Michael