8-12 canvas专题-阶段练习一（上）

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>8-12 课堂演示</title>
 6 </head>
 7 <style type="text/css">
 8
 9 </style>
10 <body>
11     <canvas id="canvas" width="800" height="600" style="background: #A9A9A9">
12             很抱歉，您的浏览器暂不支持HTML5的canvas
13     </canvas>
14     <script>
15         var c=document.getElementById("canvas");
16         var ctx=c.getContext("2d");
17         ctx.lineWidth=5;
18         ctx.strokeStyle="orange";
19         ctx.fillStyle="red";
20         var i=0;
21         function rotRect(){
22             i++
23             ctx.save()
24             ctx.clearRect(0,0,c.width,c.height)
25             ctx.translate(c.width/2,c.height/2);
26             ctx.rotate(i*15*Math.PI/180)
27             ctx.strokeRect(0,0,100,100)
28             ctx.fillRect(0,0,100,100)
29             ctx.restore()
30         }
31
32         setInterval('rotRect()',500)
33     </script>
34 </body>
35 </html>

8-12 canvas专题-阶段练习一（上）相关推荐

HTML5 Canvas专题
HTML5 canvas专题 canvas参考手册路径方法线条样式矩形圆.圆弧 arc:创建圆.弧.曲线 arcTo:创建弧.曲线贝塞尔曲线剪切路径状态的保存和恢复阴影.渐变.填充阴 ...
【历史上的今天】12 月 22 日：世界上第一封电子邮件发出；我国研制亿次计算机；第一台可编程计算机的发明者出生
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2021 年 12 月 22 日,在 1900 年的今天,第一辆奔驰汽车诞生.梅赛德斯-奔驰,德国汽车品牌,被认为 ...
【历史上的今天】12 月 10 日：世界上第一位程序员诞生；Ada 语言发布；第一人称射击游戏的开拓者
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2021 年 12 月 10 日,在 120 年前的今天,瑞典国王和挪威诺贝尔基金会首次颁发了诺贝尔奖.根据诺贝尔 ...
计算机与网络安全经历了几个阶段,计算机历史上计算范式经历了哪六个发展阶段？...
计算机历史上计算范式经历了哪六个发展阶段? 孟神通2015-04-04浏览从历史的角度来看,计算机诞生至今,其计算范式已经经历了至少六个明显的发展阶段. 第一阶段可以称为主机(mainframe)阶 ...
【历史上的今天】12 月 7 日：历史上第一次直播回放；唱片协会起诉 Napster；最大的梅森素数被发现
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2021 年 12 月 7 日,在 1889 年的今天,世界上第一个充气轮胎受专利保护.充气轮胎是自行车发展史上的 ...
【历史上的今天】12 月 3 日：世界上第一条短信；Fortran 语言之父诞生；百度贴吧上线
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2021 年 12 月 3 日,在 20 年前的今天,电动平衡车(Segway)问世:电动平衡车是一种电力驱动.具 ...
12月世界燕窝滋补品展|上海燕博会|冻干（即食）燕窝展谈食用燕窝
12月世界燕窝滋补品展|上海燕博会|冻干(即食)燕窝展谈如何食用燕窝 1.如何食用燕窝? 成人每次食用干燕窝3-5克,儿童1-2克,一天两次或一天一次,或一周吃3次,早晨空腹或睡前食用吸收较好. 2. ...
12月世界燕窝滋补品展|上海燕博会|冻干燕窝展联合滋补生态大会，共赴新未来
12月世界燕窝滋补品展|上海燕博会|冻干燕窝展|即食燕窝展联合滋补产业生态发展大会,共赴新未来燕窝做为传统滋补佳品,多年来食用方法一直没有被改变和创新.迎来了燕窝的4.0冻干时代,冻干燕窝逐渐受到年 ...
canvas生成姓氏头像，上传七牛后传给后端
canvas生成姓氏头像,上传七牛后传给后端 1.需求:像苹果手机的通讯录一样,如果没有上传头像就读取他的姓氏. 需要前端生成头像后先上传七牛,将拿到的资源id传给后端存到数据库,用于之后的信息读取 ...

8-12 canvas专题-阶段练习一（上）

8-12 canvas专题-阶段练习一（上）

8-12 canvas专题-阶段练习一（上）相关推荐

最新文章

热门文章