模块化使用

安装插件

如果你的项目是使用webpack/rollup/vite/Turbopack作为构建工具的，那么你就可以使用此方式来安装插件。包管理器有很多种，比如npm、yarn、pnpm等，这里以yarn为例，命令如下所示：

yarn add js-web-screen-shot

使用插件

在你的业务组件中通过import导入插件，对其进行实例化即可，此处我们以react的tsx写法为例。

import ScreenShot from "js-web-screen-shot"

export function screenShotBtn() {
  const startScreenShot = () => {
      new ScreenShot();
  };
  return (
    <div className="btn-panel" onClick={startScreenShot}>
      点我截图
    </div>
  );
}