@cloudcome/utils-browser/dist/image.cjs.map

cloudcome utils for browser

{"version":3,"file":"image.cjs","sources":["../src/image.ts"],"sourcesContent":["import { setStyle } from './dom';\n\n/**\n * 加载图片并返回一个包含 HTMLImageElement 的 Promise\n * @param {string} url - 图片的 URL 地址\n * @returns {Promise<HTMLImageElement>} 返回一个包含 HTMLImageElement 的 Promise\n * @example\n * const img = await imageLoad('https://example.com/image.png');\n * @throws {Error} 如果图片加载失败，抛出错误\n */\nexport async function imageLoad(url: string) {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image();\n    const onFinish = (isError?: boolean) => {\n      image.onload = image.onerror = null;\n      document.body.removeChild(image);\n      isError ? reject(new Error('图片加载失败')) : resolve(image);\n    };\n    image.onload = () => onFinish();\n    image.onerror = () => onFinish(true);\n    image.crossOrigin = 'anonymous';\n    image.src = url;\n\n    // ios 拍照产生的图片，如果没有插入的 DOM 中获取到的图片尺寸是相反的\n    setStyle(image, {\n      visibility: 'hidden',\n      position: 'absolute',\n      top: '-99999%',\n      left: '-99999%',\n      maxWidth: 'none',\n      maxHeight: 'none',\n      border: '0',\n      width: 'auto',\n      height: 'auto',\n      margin: '0',\n      padding: '0',\n      transform: '',\n    });\n    document.body.appendChild(image);\n\n    if (image.complete && image.width > 0) onFinish();\n  });\n}\n\n// 图片缩放函数\n"],"names":["setStyle"],"mappings":";;;AAUA,eAAsB,UAAU,KAAa;AAC3C,SAAO,IAAI,QAA0B,CAAC,SAAS,WAAW;AAClD,UAAA,QAAQ,IAAI,MAAM;AAClB,UAAA,WAAW,CAAC,YAAsB;AAChC,YAAA,SAAS,MAAM,UAAU;AACtB,eAAA,KAAK,YAAY,KAAK;AAC/B,gBAAU,OAAO,IAAI,MAAM,QAAQ,CAAC,IAAI,QAAQ,KAAK;AAAA,IACvD;AACM,UAAA,SAAS,MAAM,SAAS;AACxB,UAAA,UAAU,MAAM,SAAS,IAAI;AACnC,UAAM,cAAc;AACpB,UAAM,MAAM;AAGZA,QAAAA,SAAS,OAAO;AAAA,MACd,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IAAA,CACZ;AACQ,aAAA,KAAK,YAAY,KAAK;AAE/B,QAAI,MAAM,YAAY,MAAM,QAAQ,EAAY,UAAA;AAAA,EAAA,CACjD;AACH;;"}