[BUG] DrawingView GetImageStream cuts off lines on edge of image

[Captnwalker1]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

DrawingView does not take into account lineWidth when rendering the lines onto a canvas to output image.

Example image was done with lineWidth = 5.

Looks like Min and max of points is being taken to calculate size of canvas, need to add half the width of the linewidth to the min and max.

Expected Behavior

That rendered image would not be cut off at edges and would have smooth lines.

Problem areas highlighted in red.

Steps To Reproduce

1. Call GetImageStream on DrawingView
2. Render into Image element

Link to public reproduction project repository

https://github.com/Captnwalker1/MauiSignaturePadExample

Environment

- .NET MAUI CommunityToolkit:3.0.0.
- OS: Wub 10 10.0.19044 Build 19044
- .NET MAUI:6.0.486

Anything else?

No response

[Captnwalker1]

A quick workaround I came up with is to add a clear border line to lines collection before rendering the image:

private DrawingLine MakeBorderLine(List<PointF> points,float lineWidth)
{
    var line = new DrawingLine();
    line.LineColor = Color.FromArgb("00000000");
    line.Points.Add(new PointF(points.Min(x => x.X) + lineWidth,points.Min(y => y.Y) - lineWidth));
    line.Points.Add(new PointF(points.Min(x => x.X) - lineWidth, points.Max(y => y.Y) + lineWidth));
    line.Points.Add(new PointF(points.Max(x => x.X) + lineWidth, points.Min(y => y.Y) - lineWidth));
    line.Points.Add(new PointF(points.Max(x => x.X) + lineWidth, points.Max(y => y.Y) + lineWidth));
    return line;
}