当前位置：首页 > 编程日记 > 正文

怎么用canvas画秒针_用canvas画一个钟表

编程日记 2024-05-08 09:30:00

body{

background: #000000;

}

#c1{

background: #FFFFFF;

}

span{color: #FFFFFF;}

var oC=document.getElementById("c1");

var oGc=oC.getContext('2d');

setInterval(function(){ //循环计时器每一秒调用一次，相当于每隔一秒画一次表盘

oGc.clearRect(0,0,oC.offsetWidth,oC.offsetHeight); //每次画之前，先向画布上删除一次；

var newT=new Date();

//newT.getMinutes()/2,分钟每走一圈,时针转30度

var hour=newT.getHours()*30+newT.getMinutes()/2-90;

//newT.getSeconds()/10,秒针走完一圈,分针转6度.

var min=newT.getMinutes()*6+newT.getSeconds()/10-90;

var second=newT.getSeconds()*6-90;

//制作小刻度

for(var i=0;i<60;i++){

oGc.beginPath();

oGc.moveTo(200,200);

oGc.arc(200,200,150,i*6*Math.PI/180,(i+1)*6*Math.PI/180,false);

oGc.stroke();

oGc.closePath();

}

//覆盖表盘

oGc.beginPath();

oGc.fillStyle="#FFFFFF"

oGc.moveTo(200,200);

oGc.arc(200,200,140,0,360*Math.PI/180,false);

oGc.fill();

oGc.closePath();

//大刻度

for(var i=0;i<12;i++){

oGc.beginPath();

oGc.moveTo(200,200);

oGc.arc(200,200,150,i*30*Math.PI/180,(i+1)*30*Math.PI/180,false);

oGc.stroke();

oGc.closePath();

}

//覆盖大刻度

oGc.beginPath();

oGc.fillStyle="#FFFFFF"

oGc.moveTo(200,200);

oGc.arc(200,200,133,0,360*Math.PI/180,false);

oGc.fill();

oGc.closePath();

//时针

oGc.beginPath();

oGc.strokeStyle="#000000"

oGc.lineWidth="6"

oGc.moveTo(200,200);

oGc.arc(200,200,80,hour*Math.PI/180,hour*Math.PI/180,false);

oGc.stroke();

oGc.closePath();

//分针

oGc.beginPath();

oGc.strokeStyle="orange"

oGc.lineWidth="4"

oGc.moveTo(200,200);

oGc.arc(200,200,100,min*Math.PI/180,min*Math.PI/180,false);

oGc.stroke();

oGc.closePath();

//秒针

oGc.beginPath();

oGc.strokeStyle="red"

oGc.lineWidth="2"

oGc.moveTo(200,200);

oGc.arc(200,200,110,second*Math.PI/180,second*Math.PI/180,false);

oGc.stroke();

oGc.closePath();

//圆心覆盖

oGc.beginPath();

oGc.fillStyle="red"

oGc.moveTo(200,200);

oGc.arc(200,200,5,0,360*Math.PI/180,false);

oGc.fill();

oGc.closePath();

},1000)

https://www.dkcj.cn/info/5828.html

每日英语：China's Labor Market Tightens

Job cuts in China appear to be on the rise, dimming prospects for a labor market that has been a resilient bright spot amid a slowdown in the worlds second-largest economy. dimming：调光；变暗　　　　resilient： 弹回的&#xf…

编程日记2024/05/08 09:00:00

大数据-spark-hbase-hive等学习视频资料

不错的大数据spark学习资料，连接过期在评论区评论，再给你分享 https://pan.baidu.com/s/1ts6RNuFpsnc39tL3jetTkg 转载于:https://www.cnblogs.com/xjh713/p/9704251.html

编程日记2024/05/08 08:30:00

redis学习 -- 简单动态字符串

Redis没有使用C语言字符串的形式，通过’\0’作为结尾，而是使用了简单动态字符串(simple dynamic string)。当Redis使用的字符串不需要修改字符串的内容的时候，可以使用C语言提供的字符串，当需要修改内容的时候就使用的是简单动态…

编程日记2024/05/08 08:00:00

【stanford C++】容器III——Vector类

主要介绍如下5个容器类——Vector， Stack，Queue，Map和Set，各个都表示一重要的抽象数据类型。另外，各个类都是一些简单类型的值的集合，所以称它们为容器类。暂且我们先不需要知道它们是如何实现的&#xff…

编程日记2024/05/08 07:30:00

linux编译安装mysql 5.1_linux编译安装mysql5.1.x

安装mysql，安装前准备如果mysql用户不存在，那么添加mysql用户groupadd mysqluseradd -g mysql mysqlmysql编译安装make时间特别长wget http://downloads.mysql.com/archives/mysql-5.1/mysql-5.1.70.tar.gztar -zxvf mysql-5.1.70.tar.gzcd mysql-5.1.70…

编程日记2024/05/08 07:00:00

Windows PowerShell 批量迁移Windows用户信息

这里说一下我在服务器上本地用户帐号、组的迁移这里用到的迁移工具是 Windows PowerShell 迁移支持虚拟机和实体机器的迁移，虚拟机和虚拟机的迁移但是不支持不同语种之间的迁移，比如英语向中文迁移这里我实验的是虚拟机和虚拟机的迁移系统是Windows…

编程日记2024/05/08 06:30:00

css中position的几个值

1. staitic:该值符合文档的初始排版，其中设置的与位置有关的值不起作用。2.relative 该值的偏移量，是在文档初始排版的基础上进行排版，并且覆盖顺序是最新输出的在最上面3.absolute该值元素的定位是以网页文档左上角位基准，并且不…

编程日记2024/05/08 06:00:00

一个较为详细的ETL系统实现方案

转至：http://www.cognoschina.net/club/viewthread.php?tid5627 1 ETL流程及调度设计（ETL Schedule）(PSP)1. ETL调度的目标快速见效系统要抽取39家分行四个系统的数据进行加工处理，数据从下传文件到ODS库，ODS库到LDM&…

编程日记2024/05/08 05:30:00

python与anaconda区别_anaconda和python的区别是什么？

anaconda和python的区别是什么？Python 是一种解释型、面向对象、动态数据类型的高级程序设计语言。使用python需要下载安装执行python代码的环境。官方的Python包含了核心的模块和库，为了完成其他任务，需要安装其他的模块和库。Anaconda 是Py…

编程日记2024/05/08 05:00:00

opencv 1 图像载入、显示和输出

三个函数 imread() namedWindow() inshow()1. imread 函数原型： Mat imread(const string& filename, int flags 1 );参数解析： const string& finename 将要载入的图片路径名。 Windows操作系统下面支持如下类型的图片： Window…

编程日记2024/05/08 04:30:00

英文申请书范例

Dear Sir or Madam, I am applying for the position of Executive Assistant as advertised in the Recruitment Daily last evening. 我来应聘昨天晚上在每日招聘上发布的行政助理一职。 I have over five years of experience within this role during which time I have de…

编程日记2024/05/08 04:00:00

c++ ofstream使用方法

ofstream是从内存到硬盘，ifstream是从硬盘到内存，流缓冲即是内存空间。插入器<< : 向流输出数据。 cout << "test!" << endl; 将字符串输出到标准输出流。析取器>> : 从流中输入数据 cin >> x; 从标准输入流…

编程日记2024/05/08 03:30:00

JAVA 继承内存模型_Java内存模型

JVM的组成类加载器(classloader)执行引擎(execution engine)运行时数据区域(runtime data area)对于Java程序员来说，在虚拟机自动内存管理机制下，不再需要像C/C程序开发程序员这样为内一个new 操作去写对应的delete/free操作，不容易出现内存泄…

编程日记2024/05/08 03:00:00

Error: The INF file contains Unicode characters that could not be converted correctly

昨天第一次为自己的windows mobile程序制作CAB安装包，但是在生成过程中，却出现了这样一个问题：编译完成 -- 0 个错误，0 个警告time -> G:\WindowsMobile\time\time\bin\Debug\time.exe------ 正在启动项目“SmartDeviceCab1”的…

编程日记2024/05/08 02:30:00

嵌入式开发板设置无密码登录

本次配置需要修改的ssh登录的配置文件 vi /etc/ssh/sshd_config允许root用户远程登录设置PermitRootLogin参数值为yes #LoginGraceTime 2m PermitRootLogin yes #StrictModes yes #MaxAuthTries 6 #MaxSessions 10允许无密码登录设置PermitEmptyPasswords 参数值修改为ye…

编程日记2024/05/08 02:00:00

2012/08/27 夜

杂记于2012/08/27 唉，，最近公司在搬家，一直没有时间来看技术方面的资料，丫的上个星期天还接到第二天凌晨3点钟呢。。。唉。。有点受不了啊。。这苦逼的运维工作，，，呵，来说说这其中让…

编程日记2024/05/08 01:30:00

存储过程和函数 PROCEDURE FUNCTION

SQL语句执行的时候，要首先编译，然后在被执行。在大型数据库系统中，为了提高效率，将为了完成特定功能的SQL语句集进行编译优化后，存储在数据库服务器中，用户通过指定存储过程的名字来调用执行。具体而言&am…

编程日记2024/05/08 01:00:00

Android——学习：线性布局权重分配

LinearLayout在Android中被广泛使用，LinearLayout有一个比较重要的属性——android:layout_weight。按照字面理解就是该控件的权重，这个值默认是零（0）。举个例子： 在下图中，整个界面是一个Linearlayout&a…

编程日记2024/05/08 00:30:00

java bean配置文件_Spring中多配置文件及引用其他bean的方式

Spring多配置文件有什么好处？按照目的、功能去拆分配置文件，可以提高配置文件的可读性与维护性，如将配置事务管理、数据源等少改动的配置与配置bean单独分开。Spring读取配置文件的几种方式：1、使用Spring自身提供的ApplicationCo…

编程日记2024/05/08 00:00:00

putty 串口登录开发板

安装putty 多个平台均可以安装putty pc端配置使用串口线连接开发板 ls /dev 查看是否出现类似于ttyUSBx的文件 sudo putty 弹出页面，选择Serial Serial line填写/dev/ttyUSBx Speed填写115200(根据不同开发板，选择不同参数) 依次点击Load&#xff0…

编程日记2024/05/07 23:30:00

win7下解决Android SDK Manger慢

2019独角兽企业重金招聘Python工程师标准>>> 今天准备做个Android小程序，以前配置的环境太久了，于是想配最新，但是花了大半天的时间遇到各种问题，最终还是配置好了。 1、首先修改C:\Windows\System32\drivers\etc\host…

编程日记2024/05/07 23:00:00

Linux 工具进阶

参考网址 https://linuxtools-rst.readthedocs.io/zh_CN/latest/advance/index.html 转载于:https://www.cnblogs.com/artesian0526/p/9712258.html

编程日记2024/05/07 22:30:00

ASP.NET MVC：利用ASP.NET MVC4的IBundleTransform集成LESS

背景 LESS确实不错，只是每次写完LESS都要手工编译一下有点麻烦（VS插件一直没有安装好），昨天在官方看到了如何用IBundleTransform集成LESS，今天就记录一下。参考资料：http://www.asp.net/mvc/tutorials/mvc…

编程日记2024/05/07 22:00:00

java锁屏_JAVA设置桌面不锁屏设置

//下面是编译命令// javac -encoding utf-8 Main.javaimport javax.swing.*;import java.awt.*;import java.awt.event.*;public class Main extends WindowAdapter {JLabel label null;public Main() {JFrame jFrame new JFrame("保持打开就不会锁屏");Container …

编程日记2024/05/07 21:30:00

网线直连开发板

pc 端配置点击pc端无线链接图标编辑链接以太网编辑IPv4设置方法：与其他计算机共享根据putty获取的动态ip使用ssh登录解决 ip 无法登录问题设置 pc 端 ip 和开发板 ip 在同一个网段比如开发板 ip 是 10.42.0.123 可以设置自己机器的 ip 为 10.42.0.11 sudo i…

编程日记2024/05/07 21:00:00

linux系统中指定端口连接数限制

限制22端口只能有两个连接 [code] iptables -P INPUT DROP iptables -A INPUT -m state --state ESTABLISHED,RELATED -j ACCEPT iptables -A INPUT -p tcp --dport 22 -m connlimit --connlimit-above 2 -j REJECT iptables -A INPUT -p tcp --dport 22 -j ACCEPT [/code] 在此…

编程日记2024/05/07 20:30:00

PHP-错误处理

错误处理一、错误的分类 1、语法错误： 程序没法运行，直接提示语法错误。 2、运行时错误： 只有程序运行到某行，或在某些特定的情形下运行才会发生的错误。 3、逻辑错误： 程序从头到尾运行都没有发生（并提示…

编程日记2024/05/07 20:00:00

C语言的变量的内存分配

今晚看了人家写的一个关于C语言内存分配的帖子，发现真是自己想找的，于是乎就收藏了。。。先看一下两段代码： char* toStr() {char *s "abcdefghijkl";return s; } int main() {cout << toStr() << endl;return 0; }…

编程日记2024/05/07 19:30:00

java打包_java工程打包(方式一)

1、新建工程myprojectpackage cn.zj;public class TestMain {public static void main(String[] args) {System.out.println("Hello World!");}}2、右击Java工程选择Export—>选择JAR file—>Next3、选择要打包的文件，不需要的文件不必打包&#xf…

编程日记2024/05/07 19:00:00

s32v 开发板安装 apex 驱动

安装驱动首先要获取到 apex.ko 文件，这个应该是硬件厂商提供，执行下面命令安装首先需要给 apex.so 文件加上可执行权限 insmod apex.ko查看是否安装成功执行下面命令，查看是否安装成功，如果安装成功，执行的结果中…

编程日记2024/05/07 18:30:00

相关文章：