Konva加载带有图像和背景视频的舞台

问题描述

伙计们，所以我有这个konva js应用程序，该应用程序具有您的典型背景视频，如演示程序或接近它的示例。我能够播放视频背景并在其上面添加图像对象。现在，我想要一种将舞台保存为当前状态的方法。因此，我做了state.stage.toJSON()，并按预期的那样创建了一个序列化的JSON对象。现在这是我挂断的地方。当我像这样 state.stage = Konva.Node.create(data.stage,"container");加载舞台时，加载了舞台数据（它是正确的大小，依此类推），却没有背景视频，图像或其他任何解决方法？我什至不知道stage.toJSON是否正确，但关键是我需要保存它，离开页面并在以后的日期重新加载。

state.backgroundVideo = new Konva.Image({
  image: state.video,draggable: false
});
state.video.addEventListener("loadedmetadata",function(e) {
  state.backgroundVideo.width(state.width);
  state.backgroundVideo.height(state.height);
});

state.anim = new Konva.Animation(function() {
  // do nothing,animation just need to update the layer
},state.layer);

state.layer.add(state.backgroundVideo);
state.layer.batchDraw();
const canvas = document.getElementsByTagName("canvas")[0];
state.canvas = canvas;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

konvajs save