https://huggingface.co/facebook/maskformer-resnet50-vistas 的 ONNX 权重，兼容 Transformers.js。

用法 (Transformers.js)

如果你还没有安装，可以从 NPM 安装 Transformers.js JavaScript 库：

npm i @huggingface/transformers

示例： 使用 onnx-community/maskformer-resnet50-vistas 进行场景分割。

import { pipeline } from '@huggingface/transformers';

// 创建图像分割 pipeline
const segmenter = await pipeline('image-segmentation', 'onnx-community/maskformer-resnet50-vistas');

// 分割图像
const url = 'https://huggingface.co/datasets/hf-internal-testing/fixtures_ade20k/resolve/main/ADE_val_00000001.jpg';
const output = await segmenter(url);
console.log(output)
// [
//   {
//     score: 0.9999902844429016,
//     label: 'Sky',
//     mask: RawImage { ... }
//   },
//   {
//     score: 0.9986440539360046,
//     label: 'Terrain',
//     mask: RawImage { ... }
//   },
//   ...
//   }
// ]

你可以使用以下代码可视化输出：

for (let i = 0; i < output.length; ++i) {
  const { mask, label } = output[i];
  mask.save(`${label}-${i}.png`);
}

注意：为 ONNX 权重创建单独的仓库是一个临时解决方案，直到 WebML 获得更多关注。如果你想让你的模型支持 Web，我们建议使用 🤗 Optimum 转换为 ONNX，并按照本仓库的结构组织（将 ONNX 权重放在名为 onnx 的子文件夹中）。