跳到内容

构造函数

Sharp

Sharp

发出: Sharp#event:info, Sharp#event:warning

new

new Sharp([input], [options])

构造函数工厂,用于创建 sharp 的实例,随后可以链式调用其他方法。

可以从此对象流出 JPEG、PNG、WebP、GIF、AVIF 或 TIFF 格式的图像数据。当使用基于流的输出时,可以从 info 事件中获得派生属性。

在处理过程中遇到的非关键问题将作为 warning 事件发出。

实现了 stream.Duplex 类。

当加载多个页面/帧的动画图像时,这些将组合成一个垂直堆叠的“厕纸卷”图像,其整体高度为 pageHeight 乘以 pages 的数量。

抛出:

  • Error 无效参数
参数类型默认描述
[input]Buffer | ArrayBuffer | Uint8Array | Uint8ClampedArray | Int8Array | Uint16Array | Int16Array | Uint32Array | Int32Array | Float32Array | Float64Array | string | Array如果存在,可以是包含 JPEG、PNG、WebP、AVIF、GIF、SVG 或 TIFF 图像数据的 Buffer / ArrayBuffer / Uint8Array / Uint8ClampedArray,或者包含原始像素图像数据的 TypedArray,或者包含 JPEG、PNG、WebP、AVIF、GIF、SVG 或 TIFF 图像文件文件系统路径的字符串。可以提供一个输入数组,这些将被连接。 JPEG, PNG, WebP, AVIF, GIF, SVG, TIFF 或原始像素图像数据在未提供时可以流入该对象。
[options]Object如果存在,是一个具有可选属性的对象。
[options.failOn]string“‘warning‘“何时中止无效像素数据的处理,按敏感度顺序的一项(从低到高):‘none’, ‘truncated’, ‘error’, ‘warning’。更高的级别意味着更低的级别。无效的元数据将始终中止处理。
[options.limitInputPixels]number | boolean268402689不处理像素数量(宽度 x 高度)超过此限制的输入图像。假设输入元数据中包含的图像维度可以被信任。整型像素数,零或 false 以去除限制,true 以使用默认限制 268402689 (0x3FFF x 0x3FFF)。
[options.unlimited]booleanfalse将其设置为 true 以移除帮助防止内存耗尽的安全功能(JPEG, PNG, SVG, HEIF)。
[options.autoOrient]booleanfalse将此设置为 true 以旋转/翻转图像以匹配 EXIF Orientation(如果有)。
[options.sequentialRead]booleantrue将此设置为 false 以使用随机访问而不是顺序读取。一些操作会自动进行此操作。
[options.density]number72表示矢量图像的 DPI 的数字,范围为 1 到 100000。
[options.ignoreIcc]numberfalse是否应忽略嵌入的 ICC 配置文件(如果有)。
[options.pages]number1用于提取多页输入(GIF, WebP, TIFF)的页面数量,用 -1 表示所有页面。
[options.page]number0对于多页输入(GIF, WebP, TIFF),提取的起始页面页码,基于零。
[options.subifd]number-1要为 OME-TIFF 提取的 subIFD(子图像文件目录),默认为主图像。
[options.level]number0从多级输入(OpenSlide)中提取的级别,基于零。
[options.pdfBackground]string | ObjectPDF 部分透明时使用的背景颜色。由 color 模块解析以提取红色、绿色、蓝色和透明度的值。需要使用以 PDFium、Poppler、ImageMagick 或 GraphicsMagick 支持编译的全球安装的 libvips。
[options.animated]booleanfalse设置为 true 以读取动画图像(GIF, WebP, TIFF)的所有帧/页面,等效于将 pages 设置为 -1
[options.raw]Object描述原始像素输入图像数据。请参见 raw() 了解像素顺序。
[options.raw.width]number整数像素宽度。
[options.raw.height]number整数像素高度。
[options.raw.channels]number整数通道数,范围在 1 至 4 之间。
[options.raw.premultiplied]boolean指定原始输入已被预乘,设置为 true 以避免对图像进行锐化预乘。(可选,默认 false
[options.create]Object描述要创建的新图像。
[options.create.width]number整数像素宽度。
[options.create.height]number整数像素高度。
[options.create.channels]number整数通道数,可以是 3(RGB)或 4(RGBA)。
[options.create.background]string | Objectcolor 模块解析以提取红色、绿色、蓝色和透明度的值。
[options.create.noise]Object描述要创建的噪声。
[options.create.noise.type]string生成噪声的类型,目前仅支持 gaussian
[options.create.noise.mean]number生成噪声中的像素均值。
[options.create.noise.sigma]number生成噪声中的像素标准差。
[options.text]Object描述要创建的新文本图像。
[options.text.text]string要呈现的文本,作为 UTF-8 字符串。可以包含 Pango 标记,例如 <i>Le</i>Monde
[options.text.font]string要使用的字体名称。
[options.text.fontfile]string可以被 font 使用的字体文件的绝对文件系统路径。
[options.text.width]number0要换行的像素的整数数量。超过此宽度的文本行将按单词边界断开。
[options.text.height]number0最大高度的整数像素数量。当定义时,将忽略 dpi,文本将自动适应由 widthheight 定义的像素分辨率。如果未指定或设置为 0,将忽略。
[options.text.align]string“‘left‘“多行文本的对齐样式('left', 'centre', 'center', 'right')。
[options.text.justify]booleanfalse将此设置为 true 以对文本应用对齐。
[options.text.dpi]number72渲染文本的分辨率(大小)。如果指定了 height,则不生效。
[options.text.rgba]booleanfalse将此设置为 true 以启用 RGBA 输出。这对于彩色表情符号渲染或对 pango 标记功能的支持,如 <span foreground="red">Red!</span>,非常有用。
[options.text.spacing]number0文本行高(点数)。如果未指定,将使用字体行高。
[options.text.wrap]string“‘word‘“当提供宽度时,单词换行样式之一:‘word’、‘char’、‘word-char’(优先使用 word,后备使用 char)或 ‘none’。
[options.join]Object描述输入图像数组应如何连接。
[options.join.across]number1要水平连接的图像数量。
[options.join.animated]booleanfalse将此设置为 true 以将图像作为动画图像连接。
[options.join.shim]number0连接图像之间要插入的像素数量。
[options.join.background]string | Objectcolor 模块解析以提取红色、绿色、蓝色和透明度的值。
[options.join.halign]string“‘left‘“水平方向上连接的图像的对齐样式('left', 'centre', 'center', 'right')。
[options.join.valign]string“‘top‘“垂直方向上连接的图像的对齐样式('top', 'centre', 'center', 'bottom')。

示例

sharp('input.jpg')
.resize(300, 200)
.toFile('output.jpg', function(err) {
// output.jpg 是一个宽 300 像素、高 200 像素的图像
// 包含了 input.jpg 的缩放和裁剪版本
});

示例

// 从远程 URL 读取图像数据,
// 调整宽度到 300 像素,
// 发出一个 'info' 事件,带有计算的维度,
// 最后将图像数据写入 writableStream
const { body } = fetch('https://...');
const readableStream = Readable.fromWeb(body);
const transformer = sharp()
.resize(300)
.on('info', ({ height }) => {
console.log(`图像高度是 ${height}`);
});
readableStream.pipe(transformer).pipe(writableStream);

示例

// 创建一个 300x200 的 PNG 图像,像素是半透明的红色
sharp({
create: {
width: 300,
height: 200,
channels: 4,
background: { r: 255, g: 0, b: 0, alpha: 0.5 }
}
})
.png()
.toBuffer()
.then( ... );

示例

// 将动画 GIF 转换为动画 WebP
await sharp('in.gif', { animated: true }).toFile('out.webp');

示例

// 读取原始像素数组并保存为 png
const input = Uint8Array.from([255, 255, 255, 0, 0, 0]); // 或 Uint8ClampedArray
const image = sharp(input, {
// 因为输入不包含其维度或通道数
// 我们需要在构造函数选项中指定
raw: {
width: 2,
height: 1,
channels: 3
}
});
await image.toFile('my-two-pixels.png');

示例

// 生成 RGB 高斯噪音
await sharp({
create: {
width: 300,
height: 200,
channels: 3,
noise: {
type: 'gaussian',
mean: 128,
sigma: 30
}
}
}).toFile('noise.png');

示例

// 从文本生成图像
await sharp({
text: {
text: 'Hello, world!',
width: 400, // 最大宽度
height: 300 // 最大高度
}
}).toFile('text_bw.png');

示例

// 使用 pango 标记和字体从文本生成 rgba 图像
await sharp({
text: {
text: '<span foreground="red">Red!</span><span background="cyan">blue</span>',
font: 'sans',
rgba: true,
dpi: 300
}
}).toFile('text_rgba.png');

示例

// 将四个输入图像作为 2x2 网格连接,间隔 4 像素
const data = await sharp(
[image1, image2, image3, image4],
{ join: { across: 2, shim: 4 } }
).toBuffer();

示例

// 从表情符号生成一个两帧的动画图像
const images = ['😀', '😛'].map(text => ({
text: { text, width: 64, height: 64, channels: 4, rgba: true }
}));
await sharp(images, { join: { animated: true } }).toFile('out.gif');

clone

clone() ⇒ Sharp

快照 Sharp 实例,返回一个新的实例。克隆的实例继承其父实例的输入。这使得多个输出流,并因此多个处理管道能够共享单个输入流。

示例

const pipeline = sharp().rotate();
pipeline.clone().resize(800, 600).pipe(firstWritableStream);
pipeline.clone().extract({ left: 20, top: 20, width: 100, height: 100 }).pipe(secondWritableStream);
readableStream.pipe(pipeline);
// firstWritableStream 接收自动旋转、调整大小的 readableStream
// secondWritableStream 接收自动旋转,提取的 readableStream 区域

示例

// 创建一个管道,将会下载图像,调整大小并格式化为不同文件
// 使用承诺来知道管道何时完成
const fs = require("fs");
const got = require("got");
const sharpStream = sharp({ failOn: 'none' });
const promises = [];
promises.push(
sharpStream
.clone()
.jpeg({ quality: 100 })
.toFile("originalFile.jpg")
);
promises.push(
sharpStream
.clone()
.resize({ width: 500 })
.jpeg({ quality: 80 })
.toFile("optimized-500.jpg")
);
promises.push(
sharpStream
.clone()
.resize({ width: 500 })
.webp({ quality: 80 })
.toFile("optimized-500.webp")
);
// https://github.com/sindresorhus/got/blob/main/documentation/3-streams.md
got.stream("https://www.example.com/some-file.jpg").pipe(sharpStream);
Promise.all(promises)
.then(res => { console.log("完成!", res); })
.catch(err => {
console.error("处理文件时出错,清理一下", err);
try {
fs.unlinkSync("originalFile.jpg");
fs.unlinkSync("optimized-500.jpg");
fs.unlinkSync("optimized-500.webp");
} catch (e) {}
});