像素化 Pixelate

我们组件库导出函数 pixelateImage 用于将图片像素化。传入 URL、base64 字符串或者 <img> 对象，返回像素化后的 ImageData 对象。可以通过组件库提供的 imageDataToDataURL 函数可以转为 base64 格式的字符串，直接在 <img> 上使用。

基础使用

隐藏源代码

API

function pixelateImage(imageSource: string | HTMLImageElement, pixelSize: number, options?: {
    palette?: string[];
    background?: string;
}): Promise<ImageData | null>

options.palette 限制像素化后可用的调色板，options.background 是涉及透明度时，对比颜色之间的距离的参考背景色，默认 #FFF，该参数 alpha 通道会被忽略。

这两个参数的格式详见 支持的颜色解析。