iT邦幫忙

0

js css 物件沿線運動

  • 分享至 

  • xImage

請問若要做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移動所以斜率會變動XD。不是固定一個斜率的AB兩點。
座標系是哪一種的?笛卡兒座標系?還是螢幕座標系?還是地理座標系?經過的座標點是以X或Y的整數為間隔?還是要以小數幾位為間隔?希望動態求解還是公式解?
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
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))

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

我要發表回答

立即登入回答