Vue 用 Canvas 生成随机大小 不重叠圆

canvas 相关文档

  • Canvas Api
  • CANVAS速查简表

效果图展示

  • 第一张是 随机颜色随机大小聚合 在一起效果
    随机颜色
  • 第二张是 随机背景图片随机大小分散 效果(这里我使用的图片都一样所以没展现出不同图片)
随机图片

案例完整代码

  • 本实例是用 vue 来实现的,其他方法和 vue 类似,改为对应的语法即可实现效果。
  • 案例用到了 vue 父子组件传值

父组件代码



子组件代码



你可能感兴趣的:(Vue 用 Canvas 生成随机大小 不重叠圆)