canvas ：原生javascript编写动态时钟 此时针是以画布的中心为圆心； g.translate(width/2,width/2); 此函数是将画布的原点移到(width/2,width/2) 绘制表盘 function jiang(){ r = width/2 g.clearRect(0 ...
分类：
编程语言 时间：
2018-12-17 20:19:26
阅读次数：
247
目标：利用canvas画布画一个动态时钟，根据目前的时间可以实时更新的，可以在过程中添加一些效果，比如让时钟外围的一圈颜色渐变，时钟上的数字颜色改变，时钟的指针颜色改变。。。 设置一个定时器 先放上一张效果图，参考一下 先建一个画布，写好样式 <style type="text/css"> *{ m ...
分类：
其他好文 时间：
2018-12-15 13:39:46
阅读次数：
131
此时针是以画布的中心为圆心； ctx.translate(width/2,width/2); 此函数是将画布的原点移到(width/2,width/2) 数字的位置我们利用了三角函数的原理 x=rcosα； y=rsinα； α = 2 * π * i * 30 / 360； 利用取余把12,3,6 ...
分类：
其他好文 时间：
2018-12-12 20:40:10
阅读次数：
213
开发历程： 一、python开发环境 在安装了python2.7和python3.7的基础上，使用pycharm进行编码。 （1）阅读代码敲进去后，出现第一个问题：ImportError: No module named xxx 即缺少第三方模块。 解决：安装Anaconda（Anaconda指的是 ...
分类：
微信 时间：
2018-10-29 22:06:39
阅读次数：
383
主要是使用JavaScript方法实现HTML5新增的canvas来实现一个简单的时钟表，可以拿过去直接使用。
分类：
其他好文 时间：
2018-05-25 22:53:21
阅读次数：
173
使用canvas绘制时钟 下文是部分代码，完整代码参照：https://github.com/lemoncool/canvas-clock，可直接下载。 首先看一下效果图：每隔一秒会动态更新时间 一、前期准备 1. HTML中准备一个容器存放画布，并为其设置width，height。 2.在js中获 ...
分类：
其他好文 时间：
2018-03-08 15:57:36
阅读次数：
239
一、动态时钟 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>动态时钟</title> 6 <script type="text/javascript"></script> 7 </head> 8 9 <bo ...
分类：
Web程序 时间：
2018-01-23 00:58:55
阅读次数：
252
1、获取到系统时间 2、获取到当地时间字符串 3、开启延时器，每一秒刷新一次时间 效果图预览： ...
分类：
其他好文 时间：
2017-10-31 18:58:23
阅读次数：
193
前面的话 前面介绍过canvas粒子时钟的绘制，本文将详细介绍canvas自适应圆形时钟绘制 效果演示 最终自适应圆形时钟的效果如下所示 功能分析 下面来分析一下该圆形时钟的功能 【1】静态背景 对于时钟来说，背景是不变的，包括外层钟框、内层圆点及数字、以及中心点的固定按扣 【2】动态时钟 时态的动 ...
分类：
其他好文 时间：
2017-10-03 23:22:08
阅读次数：
291
