how to draw over an image in xamarin forms

Aboli Rathod

6y2.9kXAML

Hi ,

Basically I need to be able to draw on any shapes /freehand drawing on image and whatever the drawing is done it also saved & preview the image.

Only how to draw over image for this functionality also i got the solution or help then it would be solve my issue.

Thank You in advance

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Marvin Reid5y ago
You can look into using the AnnFreehandDrawDesigner class, provided in the LEADTOOLS SDK, to freehand or draw shapes onto an image. Once you have applied your annotations onto your image, you can then render the changes onto the image by using the AnnRenderingEngine RenderOnImage method. This will save your annotations onto an image which you can then save to a new file. Here is code which you can use to build on:
// _viewer is ImageViewer _automation is working
// Get the container
AnnContainer container = _automation.Container;
RasterImage image = _viewer.Image;
RasterCodecs codecs= new RasterCodecs();

double inch = 720.0;
// Add a red line object, from 1in 1in to 2in 2in
AnnPolylineObject lineObj = new AnnPolylineObject();
lineObj.Points.Add(LeadPointD.Create(1 * inch, 1 * inch));
lineObj.Points.Add(LeadPointD.Create(2 * inch, 2 * inch));
lineObj.Stroke = AnnStroke.Create(AnnSolidColorBrush.Create("Red"), LeadLengthD.Create(1));
container.Children.Add(lineObj);

AnnRenderingEngine renderingEngine = new AnnDrawRenderingEngine();
RasterImage burnImage = renderingEngine.RenderOnImage(container, image);
codecs.Save(burnImage, outputFile, RasterImageFormat.RasPdf, 0);
https://www.leadtools.com/help/sdk/v21/dh/ad/annfreehanddrawdesigner.html
https://www.leadtools.com/help/sdk/v21/dh/ac/annrenderingengine-renderonimage.html
Laxmidhar Sahoo6y ago
hi
using (var bitmap = new Bitmap(225, 336, PixelFormat.Format24bppRgb, RgbColor.White))
using (var image = new Bitmap(@"Images\in.png"))
using (var graphics = bitmap.GetAdvancedGraphics())
{
    graphics.DrawImage(image, new System.Drawing.RectangleF(30, 30, 175, 286));
    bitmap.Save(@"Images\Output\out.png");
}
Follow the url may help you
https://www.graphicsmill.com/docs/gm/graphics.htm

Thanks and regards