canvas
文章平均质量分 56
weixin_42199478
这个作者很懒,什么都没留下…
展开
-
音频可视化
Canvas 时钟代码htmljs效果引用代码html<body> <button id="a" style="font-size: 30px;" onclick="qh('t')">田园香</button> <button id="a" style="font-size: 30px;" onclick="qh('s')">上海滩</button></body>js var s = document.qu原创 2021-07-29 13:26:58 · 132 阅读 · 0 评论 -
Canvas 鼠标效果
Canvas 鼠标效果代码效果引用代码var c = new CanvasStart(); //数组var list=[];//鼠标移动事件c.move=function(x,y){ // x,y:鼠标位置 list.push({ x:x, y:y, color:rgba(),//随机颜色 r:1,// }); // 限制数组长度 200 if(list.length>200){原创 2021-07-23 21:32:33 · 360 阅读 · 0 评论 -
Canvas 时钟
Canvas 时钟代码效果引用代码var c = new CanvasStart(); //创建canvasvar t = 400; //时钟中心点位置 x轴var left = c.$Canvas.width / 2; //时钟中心点位置 y轴//时分秒颜色,随机颜色,每一次进入页面颜色都不一样var cols = { S: { color: rgba(), shadow: rgba(), }, F: { color原创 2021-07-23 17:14:41 · 86 阅读 · 0 评论 -
Canvas
Canvas代码样式参数lineCaplineJoin使用创建Canvas画线创建两切线之间的弧/曲线。画矩形画圆播放属性方法注意HTML5 参考手册代码function CanvasStart(options) { options = options || {}; var _self = this; this.$Canvas = document.createElement('canvas'); this.id = "canvas_" + Math.ceil(M原创 2021-07-22 17:22:59 · 386 阅读 · 0 评论