停止Vue Fireworks动画

时间:2019-12-24 19:41:53

标签: vue.js html5-canvas

我正在使用vue-fireworks组件(https://github.com/dampion/Vue-fireworks)来显示烟花的HTML5 Canvas动画。可以在安装好组件后开始。但我不知道如何使它停止。单击按钮后,我需要停止烟花。我希望不再放火,并且单击按钮时屏幕上出现的任何东西都可以继续得出结论。

1 个答案:

答案 0 :(得分:1)

您可以修改Fireworks组件的源代码吗?

我可以看到它的data prop中有auto设置为true

如果您可以将其更改为简单的prop,然后将该值更改为false,它将停止添加更多的烟花,并让其他动画结束。

<Firework :boxHeight="'100%'" :boxWidth="'100%'" :auto="false"/>

还没有进行自我测试,只是假设需要阅读代码。希望对您有所帮助。