码迷,mamicode.com
首页 > 编程语言 > 详细

如何用javascript中的canvas让图片自己旋转

时间:2016-05-21 23:11:25      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

最近在写一个游戏,想让一个人物随着鼠标在原地旋转

在网上找了找,大都是用css写的,但是我为了长远的利益着想选择使用javascript代码中的canvas来解决绘图问题

 

其中重要的两个方法:

context.translate(x,y) 

用于重新设定画布的原点

参数是设定的原点坐标

 

context.rotate(角度*Math.PI/180)

让图片旋转,

参数是指旋转的弧度

如果要填入角度就像上面一样乘以 Math.PI/180

 

核心思路:

技术分享

 

 

转载自:http://jingyan.baidu.com/article/ab0b56309719bac15afa7de9.html

 

如何用javascript中的canvas让图片自己旋转

标签:

原文地址:http://www.cnblogs.com/worldFulcrum/p/5515783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!