Storyclip

Storybook 插件，用于将故事或故事的一部分剪切为图像。

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

2. 将鼠标悬停在故事画布中的任何 DOM 元素上。

3. Storybook 会在您悬停时突出显示元素，以便您知道正在剪切哪个元素。

4. 点击所需的元素。

5. 等待右下角的通知。

6. 将剪贴板内容粘贴到您想要放置剪切故事的任何应用程序中。

使用

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

它还在后台使用了 html2canvas。

npm i -D storybook-addon-storyclip

在您的 .storybook/main.js 中的 addons 数组中添加 "storybook-addon-storyclip"

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