我正在使用vue-fireworks组件(https://github.com/dampion/Vue-fireworks)来显示烟花的HTML5 Canvas动画。可以在安装好组件后开始。但我不知道如何使它停止。单击按钮后,我需要停止烟花。我希望不再放火,并且单击按钮时屏幕上出现的任何东西都可以继续得出结论。
答案 0 :(得分:1)
您可以修改Fireworks
组件的源代码吗?
我可以看到它的data prop
中有auto
设置为true
。
如果您可以将其更改为简单的prop
,然后将该值更改为false
,它将停止添加更多的烟花,并让其他动画结束。
<Firework :boxHeight="'100%'" :boxWidth="'100%'" :auto="false"/>
还没有进行自我测试,只是假设需要阅读代码。希望对您有所帮助。