canvas 实现动态背景图

最新推荐文章于 2024-08-28 21:44:39 发布

小识谭记

最新推荐文章于 2024-08-28 21:44:39 发布

阅读量803

点赞数

文章标签：前端

本文链接：https://blog.youkuaiyun.com/HurryUpp/article/details/131961360

版权

在这里插入图片描述
代码

<template>
  <canvas id="background"></canvas>
</template>

<script lang="ts" setup>
import {
    onMounted } from 'vue'
type dot = {
   
  x: number
  y: number
  xa: number
  ya: number
  color: string
  radius: number
}

function getRandomNumber(min: number, max: number) {
   
  return Math.floor(Math.random() * (max - min + 1)) + min
}

func