Skip to content

Conversation

@github-actions
Copy link

No description provided.

@github-actions github-actions bot requested a review from a team as a code owner October 31, 2025 17:49
Copy link
Contributor

@ikoevska ikoevska left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unfortunately, the generator messed up the formatting (a lot). Ping me if you need to discuss the suggested changes.

title: Extracting Point Data from Signature in SignaturePad for UI for .NET MAUI
description: Learn how to extract point and line data from a signature in the SignaturePad component for UI for .NET MAUI.
type: how-to
page_title: How to Extract Point Data from SignaturePad in UI for .NET MAUI
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not needed.


## Description

I want to extract point and line data from the signature created using the [SignaturePad](https://docs.telerik.com/devtools/maui/controls/signaturepad/overview) component of UI for .NET MAUI. The goal is to format the signature data as a string that represents the x, y coordinates of the strokes in the signature. Different formats for the output data are required, such as a custom format or an SVG-like format.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
I want to extract point and line data from the signature created using the [SignaturePad](https://docs.telerik.com/devtools/maui/controls/signaturepad/overview) component of UI for .NET MAUI. The goal is to format the signature data as a string that represents the x, y coordinates of the strokes in the signature. Different formats for the output data are required, such as a custom format or an SVG-like format.
I want to extract point and line data from the signature created using the [SignaturePad](https://docs.telerik.com/devtools/maui/controls/signaturepad/overview) control of UI for .NET MAUI. The goal is to format the signature data as a string that represents the x, y coordinates of the strokes in the signature. Different formats for the output data are required, such as a custom format or an SVG-like format.


Create a method to process the image and extract vector data. This involves three stages:

**Stage 1: Prepare Bitmaps**
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
**Stage 1: Prepare Bitmaps**
1. Prepare the Bitmaps.

Create a method to process the image and extract vector data. This involves three stages:

**Stage 1: Prepare Bitmaps**
- Decode the image bytes into `SKBitmap`.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Decode the image bytes into `SKBitmap`.
1. Decode the image bytes into `SKBitmap`.


**Stage 1: Prepare Bitmaps**
- Decode the image bytes into `SKBitmap`.
- Create a grayscale bitmap for better contrast.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Create a grayscale bitmap for better contrast.
2. Create a grayscale bitmap for better contrast.

**Stage 2: Scan Bitmap and Create Point Groups**
- Scan the binary bitmap for black pixels.
- Group neighboring black pixels into strokes using an algorithm.
- Store grouped strokes as `List<List<SKPoint>>`.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Store grouped strokes as `List<List<SKPoint>>`.
3. Store the grouped strokes as `List<List<SKPoint>>`.

- Group neighboring black pixels into strokes using an algorithm.
- Store grouped strokes as `List<List<SKPoint>>`.

**Stage 3: Format the Data**
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
**Stage 3: Format the Data**
3. Serialize the grouped strokes into your preferred format:
- Custom: `"1,2;3,4;5,6/7,8;9,10;11,12"`
- SVG-like: `"M x y L x y L x y ..."`

- Store grouped strokes as `List<List<SKPoint>>`.

**Stage 3: Format the Data**
- Serialize the grouped strokes into a desired format.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Delete.

**Stage 3: Format the Data**
- Serialize the grouped strokes into a desired format.
- Supported formats:
- Custom: `"1,2;3,4;5,6/7,8;9,10;11,12"`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Delete.

- Serialize the grouped strokes into a desired format.
- Supported formats:
- Custom: `"1,2;3,4;5,6/7,8;9,10;11,12"`
- SVG-like: `"M x y L x y L x y ..."`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Delete.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants