如何在 Storybook.js 中更改画布的背景颜色？

【问题标题】：How to change background color for canvas in Storybook.js?如何在 Storybook.js 中更改画布的背景颜色？
【发布时间】：2020-07-29 15:42:07
【问题描述】：

默认似乎是黑色背景，但我想要一个白色的。我尝试使用浅色主题、自定义主题和背景添加，但无论如何我都无法更改画布的颜色。

【问题讨论】：

【解决方案1】：

我添加了一个 custom-preview.html 并在那里添加了 body 标签的样式信息。

【讨论】：

【解决方案2】：

如果有人想知道如何仅为一个 <Canvas /> 更改背景颜色，请在 Storybook 中应用 style 属性：

<Canvas style={{background: "red"}} >

我个人希望 Storybook 会为这些东西添加一些道具，但我找不到，所以我尝试了这个，它奏效了。

【讨论】：