如何将舞台宽度和高度设置为 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);