Mediapipe Selfie Segmentation Landscape

🚀 圖像分割項目

本項目專注於圖像分割領域，能夠實現背景去除等功能，藉助Transformers.js庫可方便地在JavaScript環境中進行圖像分割任務。

🚀 快速開始

若要使用本項目進行圖像分割，你需要安裝 Transformers.js JavaScript庫。可以通過以下命令從 NPM 進行安裝：

npm i @huggingface/transformers

💻 使用示例

基礎用法

以下是使用 onnx-community/mediapipe_selfie_segmentation_landscape 進行自拍分割的示例代碼：

import { AutoModel, AutoProcessor, RawImage } from '@huggingface/transformers';

// Load model and processor
const model_id = 'onnx-community/mediapipe_selfie_segmentation_landscape';
const model = await AutoModel.from_pretrained(model_id, { dtype: 'fp32' });
const processor = await AutoProcessor.from_pretrained(model_id);

// Load image from URL
const url = 'https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/selfie_segmentation_landscape.png';
const image = await RawImage.read(url);

// Pre-process image
const inputs = await processor(image);

// Predict alpha matte
const { alphas } = await model(inputs);

// Save output mask
const mask = await RawImage.fromTensor(alphas[0].mul(255).to('uint8')).resize(image.width, image.height);
mask.save('mask.png');

// (Optional) Apply mask to original image
const result = image.clone().putAlpha(mask);
result.save('result.png');

效果展示

輸入圖像	預測掩碼	輸出圖像

📄 許可證

本項目採用 Apache-2.0 許可證。