【JS】求旋转旋转坐标

已知圆心坐标、旋转角度、起始点坐标,求结束点坐标

start = {x:1, y:0}
end   = {}
deg   = 45;
end.x = start.x * Math.cos(deg*Math.PI/180) - start.y*Math.sin(deg*Math.PI/180)
end.y = start.x * Math.sin(deg*Math.PI/180) + start.y*Math.cos(deg*Math.PI/180)
console.log(end)
// 得到: {x: 0.7071067811865476, y: 0.7071067811865475}

上面的反向,已知结束点坐标,求起始点

let start = {}
let end   = {}
let deg   = 45
start.x =  end.x * Math.cos(deg*Math.PI/180) + end.y * Math.sin(deg*Math.PI/180)
start.y = -end.x * Math.sin(deg*Math.PI/180) + end.y * Math.cos(deg.Math.PI/180)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • @(HTML5)[canvas与SVG] [TOC] 十一 、SVG HTML体系中,最常用的绘制矢量图的技术是S...
    踏浪free阅读 10,088评论 0 2
  • 声明:原创作品,转载请注明出处 http://www.jianshu.com/p/3b789490fc04 最近,...
    蛇发女妖阅读 13,802评论 31 122
  • canvas元素的基础知识 在页面上放置一个canvas元素,就相当于在页面上放置了一块画布,可以在其中进行图形的...
    oWSQo阅读 13,492评论 0 19
  • 每逢佳节胖三斤,春节期间各种觥筹交错,还有妈妈的贴心菜,不想长胖都对不起死去的鸡鸭牛羊。天天鱼肉荤腥,偶然来一道清...
    看见我的温暖阅读 4,775评论 29 37
  • 今晚8点,准时等候在手机前,一种期待春晚的感觉,兴奋又忐忑。兴奋的是终于能听到无戒老师的课程,忐忑的是怕自己太过愚...
    心暖如阳阅读 1,778评论 3 2

友情链接更多精彩内容