惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

S
SegmentFault 最新的问题
B
Blog
P
Proofpoint News Feed
美团技术团队
The GitHub Blog
The GitHub Blog
Y
Y Combinator Blog
A
About on SuperTechFans
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Vercel News
Vercel News
有赞技术团队
有赞技术团队
小众软件
小众软件
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Google DeepMind News
Google DeepMind News
Martin Fowler
Martin Fowler
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
aimingoo的专栏
aimingoo的专栏
H
Help Net Security
罗磊的独立博客
L
LangChain Blog
GbyAI
GbyAI
腾讯CDC
T
The Blog of Author Tim Ferriss
Microsoft Security Blog
Microsoft Security Blog

博客园 - Goodspeed

几种常见的函数 Caesar cipher 遗传算法之背包问题 Transport scheme NOT recognized: [stomp] error running git canvas时钟 火箭起飞 让图标转起来 Tomcat启动脚本 Task中的异常处理 Parallel的陷阱 用Task代替TheadPool 使用ThreadPool代替Thread 正确停止线程 线程同步中使用信号量AutoResetEvent 异步和多线程的区别 C#和.NET Framework的关系 为什么泛型不支持协变性? 可空值类型与值类型这间的转换
Canvas 旋转的图片
Goodspeed · 2017-03-20 · via 博客园 - Goodspeed
var image = new Image(), counter = 0;
            image.onload = function () {
                var CANVAS_WIDTH = 300, CANVAS_HEIGHT = 300;
                var canvas = $("#canvas").css({width:CANVAS_WIDTH, height:CANVAS_HEIGHT})
                        .attr({width:CANVAS_WIDTH, height:CANVAS_HEIGHT}).get(0), _ = this;
                var context = canvas.getContext("2d");
                context.font="24px Courier New";

                var loop = function () {
                    context.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);
                    var drgee = counter * 10 % 360;
                    context.save();
                    var x = _.width / 2, y = _.height / 2
                    context.arc(x,y,5,0,2*Math.PI);
                    context.stroke();
                    context.translate(x, y);
                    context.rotate(drgee*Math.PI/180)
                    context.drawImage(_,-x,-y)
                    context.restore();
                    context.fillText(drgee, 100,100)
                    counter++;
                };

                window.setInterval(loop,1000/25);

            };
            image.src="/images/game_gold.png"