html计算x的y,HTML5画布:旋转时计算x,y点
生活随笔
收集整理的這篇文章主要介紹了
html计算x的y,HTML5画布:旋转时计算x,y点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我開發了一個HTML5 Canvas應用程序,它涉及到讀取一個xml文件,該文件描述了需要在畫布上繪制的箭頭,直形和其他形狀的位置。的XML布局的HTML5畫布:旋轉時計算x,y點
實施例:
如果對象被旋轉它涉及計算一個點的位置(稱為P的物體的旋轉后的新的位置)時圍繞另一點(向左旋轉,最佳)。我試圖想出一個通用函數/公式我可以用它來計算這個點P但我的數學有點弱&我無法確定我打算使用什么弧/切線公式。
你能幫我想出一個公式,我可以用它來計算點P的旋轉,可以是正數&負數?
在上面的例子:點(14446)是左,頂部點&點(226496)是對象的中間點時不轉動,從而在點=(左+寬度/ 2 ,頂部+高度/ 2),藍點是旋轉時的中點。我知道如何計算點(14,446)&(226,496)之間的線長度,但不知道如何計算藍色點x,y位置 - BTW:該線的長度與藍色點&之間的線相同(14,446)
len = sqrt((496-446)^2 + (226-14)^2);
= 227.56;
2012-01-28
Jake M
總結
以上是生活随笔為你收集整理的html计算x的y,HTML5画布:旋转时计算x,y点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: thinkpade482怎么改bios
- 下一篇: 微星电脑怎么设置从硬盘启动项 微星电脑如