时间戳

首页 > 解决方案 > 如何将舞台宽度和高度设置为 100% React Konva

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

问题描述

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

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

这可能吗？谢谢！

标签： konvajsreact-konva

解决方案

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

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

看看Responsive Canvas Stage Demo。

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

推荐阅读