Image analysis

IsabyteImageAnalysis

The IsabyteImageAnalysis component is a single-canvas multi-layer compositor that overlays multiple image analysis algorithms on one shared image. Supports Sobel line detection, Canny edge detection, Marching Squares contour finding, and Zhang-Suen skeletonization as separate color-coded layers. Includes shared transparency, lasso selection, composite pattern snapshots, and blueprint export.

Multi-Layer Image Analysis

Pick a preset in the Parameters panel to choose which analysis layers run; each layer has its own on/off switch and tuning parameters there. All enabled layers overlay on a single shared image with distinct colors. Use the Transparency slider to fade the base image so edge overlays stand out. Lasso selection, pattern save/restore, and blueprint export apply to all layers at once.

Every parameter lives in the Parameters panel on the right: the preset picks the layers, and each layer's Enabled switch activates it. Multiple enabled layers overlay with distinct colors on the same image. Pattern save/restore and blueprint export apply to all active layers.

Current Configuration

📋

<IsabyteImageAnalysis Src="/gallery/1200/lion.jpg"
                  Width="100%"
                  Transparency="30"
                  LineDetectEnabled="true"
                  LineDetectSensitivity="50"
                  LineDetectColor="#90EE90"
                  LineDetectAntiAlias="3"
                  LineDetectNoiseRemoval="20"
                  OnPatternSnapshot="HandleSnapshot" />

@code {
    private void HandleSnapshot(IsabyteImageAnalysis.AnalysisPatternSnapshotData snapshot)
    {
        Console.WriteLine($"Pattern saved: {snapshot.Name}");
    }
}

Related learning

See the Image Processing tutorial for a step-by-step walkthrough.