点击这里可以看动画效果：
http://www.108js.com/article/article3/zip1/30229/Test2.html
效果图：
代码：
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas" width="500" height="500" >your browser does not support the canvas tag </canvas>
<script type="text/javascript">
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext("2d");
var angle=0;
function taiji(ctx,x, y, radius, angle, clrA,clrB,wise) {
angle = angle || 0;
wise=wise||1;
ctx.save();
ctx.translate(x, y);
ctx.rotate(wise*angle);
ctx.fillStyle = clrA;
ctx.beginPath();
ctx.arc(0, 0, radius, 0, Math.PI, true);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = clrB;
ctx.arc(0, 0, radius, 0, Math.PI, false);
ctx.fill();
ctx.fillStyle = clrB;
ctx.beginPath();
ctx.arc(-0.5 * radius, 0, radius / 2, 0, Math.PI * 2, true);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = clrA;
ctx.arc(0.5 * radius, 0, radius / 2, 0, Math.PI * 2, false);
ctx.arc(-0.5 * radius, 0, radius / 10, 0, Math.PI * 2, true);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = clrB;
ctx.arc(0.5 * radius, 0, radius / 10, 0, Math.PI * 2, true);
ctx.fill();
ctx.restore();
}
loop = setInterval(function () {
//beginTag = true;
ctx.clearRect(0, 0, canvas.width, canvas.height);
taiji(ctx,200, 200, 50,Math.PI * (angle / 360) * 2, "#000","#f00",1);
taiji(ctx,320, 200, 50,Math.PI * (angle / 360) * 2, "#000","#f00",-1);
angle = (angle + 5) % 360;
}, 50);
</script>
</body>
</html>
全部代码请下载。
热情奉献：HTML5 Canvas绘图与动画学习59例源码：
http://www.108js.com/example.html
- 大小: 3.3 KB
分享到：
相关推荐
"基于Comsol的采空区阴燃现象研究：速度、氧气浓度、瓦斯浓度与温度分布的二维模型分析",comsol采空区阴燃。 速度，氧气浓度，瓦斯浓度及温度分布。 二维模型。 ,comsol; 采空区; 阴燃; 速度; 氧气浓度; 瓦斯浓度; 温度分布; 二维模型;,"COMSOL模拟采空区阴燃：速度、浓度与温度分布的二维模型研究"
安全驱动的边云数据协同策略研究.pdf
MATLAB代码实现电-气-热综合能源系统耦合优化调度模型：精细电网、气网与热网协同优化，保姆级注释参考文档详可查阅。,MATLAB代码：电-气-热综合能源系统耦合优化调度 关键词：综合能源系统 优化调度 电气热耦合 参考文档：自编文档，非常细致详细，可联系我查阅 仿真平台：MATLAB YALMIP+cplex gurobi 主要内容：代码主要做的是一个考虑电网、热网以及气网耦合调度的综合能源系统优化调度模型，考虑了电网与气网，电网与热网的耦合，算例系统中，电网部分为10机39节点的综合能源系统，气网部分为比利时20节点的配气网络，潮流部分电网是用了直流潮流，气网部分也进行了线性化的操作处理，代码质量非常高，保姆级的注释以及人性化的模块子程序，所有数据均有可靠来源 ,关键词：MATLAB代码; 电-气-热综合能源系统; 耦合优化调度; 电网; 热网; 气网; 潮流; 直流潮流; 线性化处理; 保姆级注释; 人性化模块子程序; 可靠数据来源。,MATLAB代码：电-气-热综合能源系统耦合优化调度模型（保姆级注释，数据来源可靠）
内容概要：本文详细探讨了人工智能（AI）对就业市场的深远影响及其发展趋势。首先介绍了到2027年，44%的工人核心技能将受技术变革尤其是AI影响的事实，并提及自动化可能取代部分工作的现象。其次指出虽然某些职位面临风险，但也带来了全新的职业机遇与现有角色改进的可能性，关键在于人类要学会借助AI释放自身潜力并培养软实力，以适应快速发展的科技需求。再者，强调终身学习理念下企业和教育培训须革新教学手段与评估机制，以便紧跟AI进化速率，为个体和社会持续注入新动力。最后提到了教育机构应当加快调整步伐以匹配技术变革的速度，并利用AI实现个性化的教育，进而提升学习者的适应能力和解决问题的能力。 适用人群：政策制定者、企业管理层、在职人员及教育工作者，还有广大学生群体均能从中获得启示。 使用场景及目标：面向关注未来职场动向及教育发展方向的专业人士，提供前瞻性思考角度，助力各界积极规划职业生涯路径或调整教育资源分配策略。 其他说明：本文综合多位行业领袖的观点展开讨论，旨在唤起社会各界共同思考AI带来的变革及对策，而非单方面渲染危机感。
2025最新空调与制冷作业考试题及答案.doc
2025最新初级电工证考试题及答案.docx
飞剪PLC控制系统——采用西门子S7-200SMART和触摸屏实现智能化操控及图纸详述,飞锯追剪程序，PLC和触摸屏采用西门子200smart，包含图纸，触摸屏程序和PLC程序。 ,核心关键词：飞锯追剪程序; 西门子200smart; PLC程序; 触摸屏程序; 图纸; 控制系统。,"西门子200smart飞锯追剪系统程序包：含图纸、PLC与触摸屏程序"
使用PyQt6制作的Python应用程序。
三相桥式整流电路双闭环控制策略：电压外环与电流内环协同优化研究,三相桥式整流电路双闭环控制 电流内环 电压外环（也有开环控制） 采用电压电流双闭环控制，在电压、电流控制电路中，电压单环控制易于设计和分析，但是响应速度慢，无限流功能。 而电流环能增强电路稳定性、响应速度快。 三相桥式全控整流电路由整流变压器、阴极相连接的晶闸管（VT1, VT3, VT5）、阳极相连接的晶闸管（VT4, VT6, VT2）、负载、触发器和同步环节组成（如图1），6个晶闸管依次相隔60°触发，将电源交流电整流为直流电。 matlab仿真模型（开闭环都有）控制效果良好，可写报告。 ,三相桥式整流电路;双闭环控制;电流内环;电压外环;开环控制;MATLAB仿真模型。,基于双闭环控制的电压电流三相整流技术分析与Matlab仿真实现
MATLAB四旋翼仿真PID控制：从入门到精通的手把手教学，含QAV方法、模型代码、Simulink布局思路及详细图文说明,MATLAB四旋翼仿真 PID控制，有完全对应的说明文档，专门为初级学习者提供。 不用问在不在，直接拿即可。 亮点： 拥有和模型完全对应的讲解文档，相当于手把手教学。 内容包括： 1.QAV详细方法 2.模型及代码 3.模型2（提供simulink排版布局思路） 4.相关图片 5.使用备注 ,核心关键词：MATLAB四旋翼仿真; PID控制; 完全对应说明文档; 初级学习者; QAV详细方法; 模型及代码; simulink排版布局思路; 相关图片; 使用备注。,"MATLAB四旋翼仿真教程：PID控制详解与手把手教学"
定子磁链控制下的直接转矩控制系统MATLAB仿真研究及结果分析报告,基于定子磁链控制的直接转矩控制系统 MATLAB SIMULINK仿真模型(2018b)及说明报告，仿真结果良好。 报告第一部分讨论异步电动机的理论基础和数学模型，第二部分介绍直接转矩控制的具体原理，第三部分对调速系统中所用到的脉宽调制技术CFPWM、SVPWM进行了介绍，第四部分介绍了MATLAB仿真模型的搭建过程，第五部分对仿真结果进行了展示及讨论。 ,关键词：定子磁链控制；直接转矩控制系统；MATLAB SIMULINK仿真模型；异步电动机理论基础；数学模型；直接转矩控制原理；脉宽调制技术CFPWM；SVPWM；仿真结果。,基于MATLAB的异步电机直接转矩控制仿真研究报告
2025中小学教师编制考试教育理论基础知识必刷题库及答案.pptx
Python游戏编程源码-糖果消消消.zip
三相PWM整流器双闭环控制：电压外环电流内环的SVPWM调制策略及其代码编写详解——动态稳态特性优越的技术参考。,三相PWM整流器双闭环控制，电压外环，电流内环，PLL。 采用SVPWM调制，代码编写。 动态和稳态特性较好，可提供参考资料 ,三相PWM整流器;双闭环控制;电压外环;电流内环;PLL调制;SVPWM调制;动态特性;稳态特性;参考资料,三相PWM整流器双闭环SVPWM调制策略：稳态与动态特性优化参考指南
永磁同步电机滑膜观测器参数识别与仿真研究：转动惯量、阻尼系数及负载转矩的Matlab Simulink仿真分析文章及文档说明,永磁同步电机 滑膜观测器参数识别Matlab simulink仿真 包括转动惯量 阻尼系数 负载转矩 波形很好 跟踪很稳 包含仿真文件说明文档以及文章 ,关键词：永磁同步电机；滑膜观测器；参数识别；Matlab simulink仿真；转动惯量；阻尼系数；负载转矩；波形质量；跟踪稳定性；仿真文件；说明文档；文章。,基于Matlab Simulink仿真的永磁同步电机滑膜观测器参数识别及性能分析
基于永磁涡流的电梯缓冲结构设计.pdf
Python自动化办公源码-28 Python爬虫爬取网站的指定文章
MATLAB下的安全强化学习：利用Constraint Enforcement块训练代理实现目标接近任务,MATLAB代码：安全 强化学习 关键词：safe RL 仿真平台：MATLAB 主要内容：此代码展示了如何使用 Constraint Enforcement 块来训练强化学习 (RL) 代理。 此块计算最接近受约束和动作边界的代理输出的动作的修改控制动作。 训练强化学习代理需要 Reinforcement Learning Toolbox 。 在此示例中，代理的目标是使绿球尽可能靠近红球不断变化的目标位置。 具体步骤为创建用于收集数据的环境和代理，学习约束函数，使用约束强制训练代理，在没有约束执行的情况下训练代理。 ,核心关键词：safe RL; MATLAB代码; Constraint Enforcement 块; 强化学习代理; 绿球; 红球目标位置; 数据收集环境; 约束函数; 约束强制训练; 无约束执行训练。,MATLAB中安全强化学习训练的约束强化代理实现
基于EtherCAT总线网络的锂电池激光制片机控制系统，融合欧姆龙NX系列与威伦通触摸屏的智能制造方案。,锂电池激光模切机 欧姆龙NX1P2-1140DT，威伦通触摸屏，搭载从机扩展机架控制，I输入输出IO模块模拟量模块读取控制卷径计算 汇川IS620N总线伺服驱动器7轴控制，总线纠偏器控制 全自动锂电池激光制片机，整机采用EtherCAT总线网络节点控制， 伺服凸轮同步运动，主轴虚轴控制应用，卷径计算，速度计算，放卷张力控制。 触摸屏设计伺服驱动器报警代码，MC总线报警代码，欧姆龙伺服报警代码 张力摆臂控制，PID控制，等等 触摸屏产量统计，触摸屏故障统计，触摸屏与PLC对接信息交互，触摸屏多账户使用，多产品配方程序，优秀的触摸屏模板。 NX在收放卷控制的设计 欧姆龙NX系列实际项目程序+威纶触摸屏程序+新能源锂电设备 涵盖威纶通人机，故障记录功能，st+梯形图+FB块，注释齐全。 ,"新能源锂电池激光模切机：欧姆龙NX与威纶通触摸屏的智能控制与信息交互系统"
2025装载机理论考试试题库（含答案）.pptx