如何将舞台宽度和高度设置为 100% React Konva

Question

我想将舞台的宽度和高度设置为 100%。有点像这样，这样它就可以填充父 div：

<Stage
    width="100%"
    height="100%"
></Stage>

这可能吗？谢谢！

Answer 1

没有。您必须使用像素值设置Konva.Stage 大小。

如果您想使用100% 值，您需要使用CSS 将这些值设置为舞台的父<div> 容器。然后以像素为单位计算 <div> 的大小并将其用于舞台。

看看Responsive Canvas Stage Demo。

var container = document.querySelector('#stage-parent');
stage.width(container.offsetWidth);
stage.height(container.offsetHeight);