Function loadImage

src/utils/misc.ts:47–77

(
  url: string,
  successCallback: (image: HTMLImageElement) => void,
  errorCallback?: (e: ErrorEvent, times: number) => void
)

 * @param errorCallback 加载失败的回调函数
 */
export function loadImage(
  url: string,
  successCallback: (image: HTMLImageElement) => void,
  errorCallback?: (e: ErrorEvent, times: number) => void
): void {
  if (loadImage.cachedImages[url]) {
    successCallback(loadImage.cachedImages[url])
    return
  }

  let times = 0
  ;(function request() {
    const image = new Image()

    image.addEventListener('load', () => {
      loadImage.cachedImages[url] = image
      successCallback(image)
    })

    image.addEventListener('error', (e) => {
      times++
      errorCallback?.(e, times)
      if (times <= 3) {
        request()
      }
    })

    image.crossOrigin = 'Anonymous'
    image.src = url
  })()
}

loadImage.cachedImages = {} as {
  [key: string]: HTMLImageElement