Vue.js 如何使用vue konva创建视频组件？

使用konva.js，您可以在画布上创建视频组件。在这里，您可以看到文档（）中的示例

---

现在我使用的是vue konva，没有组件可以在画布上创建视频。你需要用v-image组件来做，但我无法让它工作。vue konva有可能吗？

这是一段使用v-image的视频

这是我找到的一个有效版本

const width=window.innerWidth；
const height=window.innerHeight；
新Vue({
el:“应用程序”，
数据（）{
返回{
阶段化：{
宽度：宽度，
高度：高度
},
视频：空，
动画：空
};
},
计算：{
imageConfig（）{
返回{
图片：这个视频，
x:0,，
y:0，
宽度：320，
身高：180
};
}
},
方法：{
play（）{
这个.video.play（）；
这个.animation.start（）；
},
暂停（）{
这个.video.pause（）；
this.animation.stop（）；
}
},
安装的（）{
this.video=document.createElement（“视频”）；
这个是.video.src=
"https://upload.wikimedia.org/wikipedia/commons/transcoded/c/c4/Physicsworks.ogv/Physicsworks.ogv.240p.vp9.webm";
this.layer=this.$refs.image.getStage（）.getLayer（）；
this.animation=新Konva.animation（（）=>{
//不做任何事情，动画只需要更新层
}，这一层）；
this.video.addEventListener（“canplay”，（）=>{
这个。play（）；
});
}
});

玩
暂停