Как правильно отображать контент конвы на экранах разного размера в реальном времени
Я создаю компонент vue для доски в реальном времени с помощью vue-konva, и все формы, очевидно, будут хорошо смотреться на исходном экране, но они будут больше и не поместятся на экранах меньшего размера. Я пробовал применить это руководство ко всему этапу, а также попытался отправить размер исходного контейнера, вычислить и применить новый масштаб к каждой получаемой форме, но это не сработает.
Я ожидаю увидеть уменьшенную версию для маленьких экранов и увеличенную версию для больших. Как я могу добиться такого поведения?
Я получаю это сейчас: