- 博客(4)
- 收藏
- 关注
RSS订阅原创 来吧，一起用vue canvas写一个时钟
效果图码云地址https://gitee.com/zjsd/canvas在线预览http://zjsd.gitee.io/canvas开始画时钟的表盘时钟的轮廓function drawCircle() { ctx.beginPath(); ctx.lineWidth = "6"; ctx.arc(0, 0, r, 0, Math.PI * 2); ctx.stroke();}时钟的刻度和时钟上面的小时数function drawScale() { // 刻度
2021-12-21 09:08:41
715
原创 在vue中使用canvas实现简单特效（下雨天）
效果展示还不了解canvas的同学可以先看一下官方的apihttps://www.canvasapi.cn话不多说直接上代码在页面中添加canvas标签<template> <div class="home"> <canvas id="canvas" /> </div></template>初始化canvasinitCanvas() { const canvas = document.querySel
2021-12-15 14:58:28
3271
5
原创 vue使用canvas实现简单动画（跳动的彩色小球）
1.新建ball.js// 画笔var ctx;// 小秋数量var size = 38;// 画布的宽度var w;// 画布的高度var h;// 存放的小球数组var arr = [];function ball() { this.x = r(w - 160) + 60; this.y = r(h - 160) + 60; this.r = r(30) + 10; this.color = "#" + parseInt(Math.random() * 0xfff
2021-12-09 15:09:40
2047
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人