Vue使用Canvas生成随机大小且不重叠圆代码示例

本篇文章小编给大家分享一下Vue使用Canvas生成随机大小且不重叠圆代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

效果图展示

第一张是 随机颜色随机大小聚合 在一起效果

第二张是 随机背景图片随机大小分散 效果（这里我使用的图片都一样所以没展现出不同图片）

案例完整代码

本实例是用 vue 来实现的，其他方法和 vue 类似，改为对应的语法即可实现效果。

案例用到了 vue 父子组件传值

父组件代码

子组件代码