t-comm/lib/image/image.d.ts

专业、稳定、纯粹的工具库

/**
 * 处理图片尺寸，即去掉单位 px/rem，将 string 类型转为 number 类型
 * rem 单位的话，会将数值乘以根元素的 fontSize，以获取对应的 px 值
 * @param {Number | String} size 输入单位
 * @returns {Number} 处理后的数值
 *
 * @example
 *
 * handleImgUnit(3)
 * // 3
 *
 * handleImgUnit('10')
 * // 10
 *
 * handleImgUnit('30px')
 * // 30
 *
 * handleImgUnit('5rem')
 * // 250
 *
 * document.documentElement.style.fontSize = '10px';
 * handleImgUnit('5rem')
 * // 50
 */
export declare const handleImgUnit: (size: string | number) => string | number | undefined;
/**
 * 将图片地址由 http 替换为 https 协议
 * @param url 图片地址
 * @returns 新的地址
 */
export declare const getHttpsUrl: (url: string) => string;
/**
 * 获取 cdn 链接
 * @param {string} url 图片地址
 * @returns 新的地址
 */
export declare function getCdnUrl(url?: string): string;
/**
 * 获取压缩后的图片
 * @param {string} url 图片地址
 * @param {number} [imageWidth=0] 宽度
 * @param {number} [imageHeight=0] 高度
 * @returns 新的 url 地址
 */
export declare function getCompressImgUrl(url: string | {
    width?: number;
    height?: number;
    url?: string;
    replace?: Function;
}, imageWidth?: number, imageHeight?: number): string;
/**
 * 压缩图片，会依次执行 getHttpsUrl, getCdnUrl, getCompressImgUrl
 * @param {string} url 图片地址
 * @param {number} [imageWidth=0] 宽度
 * @param {number} [imageHeight=0] 高度
 * @returns 新的 url 地址
 */
export declare const tinyImage: (url: string, imageWidth?: number, imageHeight?: number) => string;
/**
 * 判断当前浏览器是否支持 webp
 * @returns {Promise<boolean> }是否支持
 */
export declare const isSupportedWebp: () => () => any;