Storyclip

一个 Storybook 插件，用于将 story 或 story 的一部分截取为图像。

1. 按下 c 键，或点击相机按钮以启用插件。

2. 悬停在 story 画布中的任何 DOM 元素上。

3. 当您悬停时，Storybook 会高亮显示元素，以便您知道哪个元素正在被截取。

4. 点击所需元素。

5. 等待右下角的通知。

6. 将剪贴板内容粘贴到您希望使用截取的 story 的任何应用程序中。

用法

此插件需要 Storybook 6.3 或更高版本。

它在底层也使用了 html2canvas。

npm i -D storybook-addon-storyclip

将 "storybook-addon-storyclip" 添加到您的 .storybook/main.js 文件中的 addons 数组中

module.exports = {
  addons: ['storybook-addon-storyclip'],
};