You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.3 KiB
45 lines
1.3 KiB
const availablePrefixs = ['moz', 'ms', 'webkit']
|
|
|
|
function requestAnimationFramePolyfill () {
|
|
let lastTime = 0
|
|
return function (callback) {
|
|
const currTime = new Date().getTime()
|
|
const timeToCall = Math.max(0, 16 - (currTime - lastTime))
|
|
const id = window.setTimeout(function () { callback(currTime + timeToCall) }, timeToCall)
|
|
lastTime = currTime + timeToCall
|
|
return id
|
|
}
|
|
}
|
|
|
|
export default function getRequestAnimationFrame () {
|
|
if (typeof window === 'undefined') {
|
|
return () => {}
|
|
}
|
|
if (window.requestAnimationFrame) {
|
|
// https://github.com/vuejs/vue/issues/4465
|
|
return window.requestAnimationFrame.bind(window)
|
|
}
|
|
|
|
const prefix = availablePrefixs.filter(key => `${key}RequestAnimationFrame` in window)[0]
|
|
|
|
return prefix
|
|
? window[`${prefix}RequestAnimationFrame`]
|
|
: requestAnimationFramePolyfill()
|
|
}
|
|
|
|
export function cancelRequestAnimationFrame (id) {
|
|
if (typeof window === 'undefined') {
|
|
return null
|
|
}
|
|
if (window.cancelAnimationFrame) {
|
|
return window.cancelAnimationFrame(id)
|
|
}
|
|
const prefix = availablePrefixs.filter(key =>
|
|
`${key}CancelAnimationFrame` in window || `${key}CancelRequestAnimationFrame` in window,
|
|
)[0]
|
|
|
|
return prefix
|
|
? (window[`${prefix}CancelAnimationFrame`] || window[`${prefix}CancelRequestAnimationFrame`]).call(this, id)
|
|
: clearTimeout(id)
|
|
}
|