js css 物件沿線運動

javascript css

Zaku 2021-04-21 19:05:49 ‧ 963 瀏覽

分享至

請問若要做a點到b點位置移動，斜率不一定，有lib或計算公式可以參考，需要計算出兩點間的沿路座標點，不能單靠css做兩點間一次性動畫。

froce iT邦大師 1 級 ‧ 2021-04-21 21:13:54 檢舉

你有ab兩點斜率你怎麼會不一定?
非線性?

Zaku iT邦新手 3 級 ‧ 2021-04-22 12:01:11 檢舉

抱歉，我是說ab兩點會移動，所以斜率會隨著ab移動所以斜率會變動ＸＤ。不是固定一個斜率的ＡＢ兩點。

japhenchen iT邦超人 1 級 ‧ 2021-04-23 08:47:26 檢舉

座標系是哪一種的？笛卡兒座標系？還是螢幕座標系？還是地理座標系？經過的座標點是以X或Y的整數為間隔？還是要以小數幾位為間隔？希望動態求解還是公式解？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

ranshao

iT邦新手 5 級 ‧ 2021-04-28 11:02:29

  let a = [-150, -20],
            b = [-450, -5],
            c = 100
        function twopoint(num1, num2, ymove) {
            var arr = []
            let d = [num1[0]-num2[0],num1[1]-num2[1]]
            for (i = 0; i <= c; i++) {
                let count1 = d[0]*i/c
                let count2 = d[1]*i/c
                arr.push([num1[0]-count1,num1[1]-count2])
            }
            return arr
        }
        console.log(twopoint(a, b, c))

先得到兩點座標，再去根據你需要求幾個點做增減回傳幾筆資料