【JS】求旋轉(zhuǎn)旋轉(zhuǎn)坐標(biāo)

已知圓心坐標(biāo)、旋轉(zhuǎn)角度、起始點(diǎn)坐標(biāo),求結(jié)束點(diǎn)坐標(biāo)

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}

上面的反向,已知結(jié)束點(diǎn)坐標(biāo),求起始點(diǎn)

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)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • @(HTML5)[canvas與SVG] [TOC] 十一 、SVG HTML體系中,最常用的繪制矢量圖的技術(shù)是S...
    踏浪free閱讀 4,772評(píng)論 0 2
  • 聲明:原創(chuàng)作品,轉(zhuǎn)載請(qǐng)注明出處 http://www.itdecent.cn/p/3b789490fc04 最近,...
    蛇發(fā)女妖閱讀 11,373評(píng)論 31 122
  • canvas元素的基礎(chǔ)知識(shí) 在頁(yè)面上放置一個(gè)canvas元素,就相當(dāng)于在頁(yè)面上放置了一塊畫(huà)布,可以在其中進(jìn)行圖形的...
    oWSQo閱讀 10,433評(píng)論 0 19
  • 每逢佳節(jié)胖三斤,春節(jié)期間各種觥籌交錯(cuò),還有媽媽的貼心菜,不想長(zhǎng)胖都對(duì)不起死去的雞鴨牛羊。天天魚(yú)肉葷腥,偶然來(lái)一道清...
    看見(jiàn)我的溫暖閱讀 1,171評(píng)論 29 37
  • 今晚8點(diǎn),準(zhǔn)時(shí)等候在手機(jī)前,一種期待春晚的感覺(jué),興奮又忐忑。興奮的是終于能聽(tīng)到無(wú)戒老師的課程,忐忑的是怕自己太過(guò)愚...
    心暖如陽(yáng)閱讀 278評(píng)論 3 2

友情鏈接更多精彩內(nèi)容