yuxuannnn_utils/lib/image/index.js

xs开发的前端工具包

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getImageSize = exports.loadImage = void 0;
/**
 * 加载图片，加载完成后调用回调,支持promise
 * @param src 需要加载的图片
 * @param cb 回调
 */
const loadImage = (src, cb) => {
    const oImg = new Image();
    const pro = new Promise((resolve) => {
        oImg.onload = () => {
            typeof cb === 'function' && cb(src);
            resolve(src);
        };
    });
    oImg.src = src;
    return pro;
};
exports.loadImage = loadImage;
/**
 * 获取图片的原始尺寸 支持回调和promise
 * @param src
 * @param cb
 */
const getImageSize = (src, cb) => {
    const oImg = new Image();
    if (cb) {
        oImg.addEventListener('load', function () {
            typeof cb === 'function' &&
                cb({
                    width: this.naturalWidth,
                    height: this.naturalHeight,
                });
        });
    }
    // 返回一个promise
    const rePro = new Promise((resolve) => {
        oImg.addEventListener('load', function () {
            resolve({
                width: this.naturalWidth,
                height: this.naturalHeight,
            });
        });
    });
    oImg.src = src;
    return rePro;
};
exports.getImageSize = getImageSize;