Function imgResize

  • imgResize(img, targetSide, scaleType?, exportType?, exportQuality?): Promise<Blob | undefined>

  • 根据指定的尺寸调整图片大小，并返回一个新的 Blob 对象。

    Parameters

    • img: HTMLImageElement

      要调整大小的图片元素。

    • targetSide: number

      目标图片的最小或最大边长，取决于 scaleType 参数。

    • scaleType: "long" | "short" = 'long'

      指定是根据长边（'long'）还是短边（'short'）进行缩放。默认值为 'long'。

    • OptionalexportType: string

      可选参数，指定导出文件类型，默认为 'image/png'

    • OptionalexportQuality: number

      可选参数，指定导出图片质量（0-1），在指定图片格式为 image/jpeg 或 image/webp 的情况下，可以从 0 到 1 的区间内选择图片的质量。如果超出取值范围，将会使用默认值 0.92。

    Returns Promise<Blob | undefined>

    一个 Promise，解析为调整大小后的图片的 Blob 对象，如果失败则解析为 undefined。

    Example

    const img = new Image();
    img.src = 'path/to/image.jpg';
    img.onload = async () => {
      const resizedImage = await imgResize(img, 200); // 将图片压缩成最大边长为200的图片
      if (resizedImage) {
        const url = URL.createObjectURL(resizedImage);
        docDownloadFile(url);
      } else {
        console.error('Failed to resize image.');
      }
    };

Settings

Member Visibility