我想根据其父容器的宽度设置 Konva 的高度和宽度。当我在舞台上使用静态值时
stageConfiguration:{ height: innerWidth * .5, width:innerWidth * 0.5}
每次调整屏幕大小时都必须刷新。有没有办法将动态高度和宽度设置为stageConfiguration。目前我坚持这一点并寻找一种设置动态高度和宽度的方法。
<template>
<div class="konvaContainer">
<v-stage :config="stageConfiguration" >
<v-layer>
</v-layer>
</v-stage>
</div>
</template>
<script>
export default {
components: {
Loading
},
data: () => ({
stageConfiguration: {}
)},
methods:
{
responsiveStage : function() {
var container = document.querySelector('.konvaContainer');
var width = container.clientWidth;
const stageWidth= width*.5;
const stageHeight= width *.5;
this.stageConfiguration ={
width:stageWidth,
height:stageHeight
}
}}
}
</script>