ステンシル描画 – C# コードとステンシルメーカー

オンラインステンシルメーカー

写真をステンシルに変える必要がある場合は、無料のオンラインツールを使用してください！画像ステンシルを作成し、それらをベクトル化してスケーラブルで鮮明なベクターグラフィックスにすることができます。ステンシルメーカーは、JPEG、JPG, PNG、BMP、ICO、GIF、TIFF、WEBP、SVG など、多くの画像形式をサポートしています。

画像ステンシルとは

画像ステンシル（ステンシル化）は、普通の画像や写真を、グラフィティのような効果のためのステンシルとして使用できるアウトライン画像に変えるプロセスです。写真をステンシルに変えるには、いくつかの基本的なステップがあります。

• 写真をグレースケールに変換します（代わりに微調整のために色の量子化数を減らすこともできるため、オプションです）。
• 画像の色を量子化して簡略化します。その後、結果をダウンロードするか、ベクトル化してステンシル形状のラインを取得できます。
• ステンシル描画には 3 つのオプションがあります。すべてのベクトル化された形状が塗りつぶされる “None”、形状が塗りつぶされず、エッジが “オリジナルカラー” になる “Auto”、および形状が塗りつぶされず、エッジが事前定義された色になる “MonoColor” です。
  

イメージ ベクトライザーの使用方法

1. ローカル ファイル システムからソース ラスター イメージを読み込みます。UI には 3 つのパネルが表示されます: Source Image、Quantized Image、Vectorized Image。
2. エンジンはデフォルト プロパティを使用して Image を評価します。SVG 出力を最適化するには、サイドバーを使用して量子化とベクトル化のパラメーターを調整します。Quantize をクリックしてパレット削減をプレビューし、次に Vectorize をクリックして SVG パスをレンダリングします。
3. Download をクリックして生成されたベクター ファイルを保存します。

量子化オプション (Quantization Options)

アルゴリズムによるピクセルのグループ化と初期カラー パレットの削減を制御するために、これらの設定を調整します:

• colors – パレットの最大サイズ制約を正確に設定します。
• method – ヒストグラムベースのカラー量子化アルゴリズムを切り替えます。
• minHueCols – カラー グラデーションを処理する際の感度制限を制御します。
• scale – より細かいまたはより粗いカラー サンプリングのためのスケーリング係数を調整します。
• grayscale – 出力をモノクロ境界に強制します。

ベクトル化オプション (Vectorization Options)

量子化マップに適用される幾何学的トレースの動作を制御します:

• threshold – 境界輪郭を検出するためのピクセル感度制約を定義します。
• severity – 最近傍空間サイズを使用して輪郭平滑化を変更します。
• line-width – 生成された SVG ラインに割り当てられるストローク太さを決定します。
• stencil – バイナリ アウトライン マスクを適用します。連続トーンの写真をステンシル シルエットに変換するのに最適です。
• trace paths – セグメントの構築に使用されるベジェ曲線とスプラインの制御点のビジュアル レンダリングを切り替えます。
  
  

C# でステンシルを作成する方法

ステンシル効果をワークフローに簡単に統合できます。ImageVectorizer クラスと StencilConfiguration オブジェクトを使用すると、特定のステンシルタイプと色を定義して、高度にカスタマイズ可能なグラフィックスを作成できます。

    // Initialize an instance of the ImageVectorizer class
    ImageVectorizer vectorizer = new ImageVectorizer
    {
        // Optionally set a configuration
        Configuration =
        {
            // Optionally create an instance of the PathBuilder class
            PathBuilder = new BezierPathBuilder 
            {
                // Optionally set trace smoother
                TraceSmoother = new ImageTraceSmoother(1),
                ErrorThreshold = 30,
                MaxIterations = 30
            },
            ColorsLimit = 10,
            LineWidth = 1,
            // Set stencil effect configuration
            Stencil = new StencilConfiguration { Type = StencilType.MonoColor, Color = Aspose.Svg.Drawing.Color.FromRgb(0,0,255) }
        }
    };
    
    // Vectorize image from the specified file
    using (SVGDocument document = vectorizer.Vectorize(Path.Combine(DataDir, "image.png")))
    {
        // Save the vectorized image with the stencil effect as an SVG file
        document.Save(Path.Combine(OutputDir, "image-stencil.svg"));
    }

C# でステンシルを作成する手順

Aspose.SVG を使用すると、次の 3 つの手順で任意のラスター画像からステンシルを作成できます。

1. ImageVectorizer を初期化し、その Configuration にアクセスします。
   • 滑らかなベクター曲線をトレースするために PathBuilder を構成します。
   • ソース画像を簡略化するために ColorsLimit （例: 10）を定義します。
   • Stencil プロパティ（StencilType.MonoColor など）を構成します。
2. 画像ファイルを Vectorize() メソッドに渡します。
3. Save() コマンドを使用して結果を保存します。

完全な概要については、 Vectorization – Basic Overview マニュアルを参照してください。このガイドでは、ラスター画像を数学的にスケーラブルなベクターパスに置き換える中心的な概念を説明しており、PNG、JPG、BMP、TIFF、GIF、ICO 形式を SVG ドキュメントに処理する方法も含まれています。

FAQ

Aspose.SVG for .NET API を使ってみる