在 Next/React 组件中将 Canvas 包裹在 div 中会缩小尺寸并且无法更改

Question

我遇到了一个错误，例如，在添加其他 div 或将父 div 添加到页面时，画布受到极大限制。我尝试了很多方法，比如将所有父 div 设置为屏幕的最小高度，但似乎没有任何效果，它仍然限制画布/div 的高度。

Answer 1

不确定这是否是最佳答案，但发现改变容器 div 的样式（表示 position:relative 的样式）可以更改为绝对样式，这允许 div 占据整个屏幕。我通过将它添加到画布组件来覆盖默认样式