第一步先安装
npm i vue-canvas-nest
第二步引入 那个页面使用在那个页面引入
import CanvasNest from "canvas-nest.js";
第三步使用
config: {
color: "255, 255, 255",
pointColor: "#FFFFFF",
opacity: 1,
zIndex: 5,
count: 199,
},
created() {
this.$nextTick(() => {
new CanvasNest(document.getElementById("logonBox"), this.config);
});
},
这是style样式
#logonBox {
width: 100%;
height: 100vh;
background: url(https://img-blog.csdnimg.cn/48ac46be6ae84bf88d16f9d41564d007.png) no-repeat;
background-size: 100% 100%;
}
![在这里插入图片描述](https://img-blog.csdnimg.cn/48ac46be6ae84bf88d16f9d41564d007.png)