Vue.js Konvajs删除画布不起作用,它只是清除画布

Vue.js Konvajs删除画布不起作用,它只是清除画布,vue.js,konvajs,Vue.js,Konvajs,我正在尝试删除画布。为此,我使用了以下2行代码 const context = canvas.getContext('2d'); context.clearRect(0, 0, canvas.width, canvas.height);** 这只是清除画布,但单击画布时,会重新显示相同的数据 画布不会被删除,但会在清除时临时隐藏。Konva是画布的场景图。场景具有节点,例如层,组,形状 您不需要手动清除canvas元素。您只需要销毁场景中的所有节点。像这样: layer.destroyChil

我正在尝试删除画布。为此,我使用了以下2行代码

const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);**
这只是清除画布,但单击画布时,会重新显示相同的数据


画布不会被删除,但会在清除时临时隐藏。

Konva
是画布的场景图。场景具有节点,例如
形状

您不需要手动清除canvas元素。您只需要销毁场景中的所有节点。像这样:

layer.destroyChildren();
layer.draw();

我也试过了,但也没用

我试过下面的代码,效果很好

**var stage_main=this.$refs.stage.getStage()

我还需要清除画布元素对象以及舞台清除

         stage_main.clear();

            Object.keys(this.canvasElements).forEach((key) => {
                this.canvasElements[key]= [];
            });**