Drawing Lines on Canvas and save them as Bild in SVG

Question

Hallo, I need help for my project. I saw several Tutorials and Examples but I can't still resolve the problem. I have to save Lines in a database(that I draw on a Canvas) as Bild in SVG Format. I read that the SVG is nothing other then an XML data file. That means the SVG will produce a string text at the end. My Questions are: 1) shall I first instantiate the XML date file as writer? 2) how can I save a string text in svg? 3) do I really need a class library or extern library for SVG in C#? I hope someone can really suggest me a solution for that. Thanks in advance!

Giovanbattista Barra · Answer

thanks for the reply. This is a good solution. Yes right I used points to draw lines. Thanks again.

Amit Gupta · Answer

Hey There is no in built function that saves canvas drawing to svg directly. SVG is a collection of paths that can be used to rendered in wpf (but not directly), it should be converted as xaml files to do so. It depends how you are drawing onto your canvas, if you are using points then bravo !! You can save the paths to your database and then render it onto your canvas again. Have a look to the below link, to get an idea of the svg https://stackoverflow.com/questions/36055001/save-canvas-to-svg

Amin Dodin · Answer

Instead of re-inventing the wheel, why not use a known library that supports creating line objects and saving SVG. For example, the following code uses LEADTOOLS vector SDK to do that: void CreateSVG() { VECTORHANDLE Vector = {0}; L_VecInit(&Vector); VECTORPOINT parMin = {0}, parMax = {600, 600}; L_VecSetParallelogram(&Vector, &parMin, &parMax); CreateDefaultLayer(&Vector); //Draw a green line AddVectorLine(&Vector, 10, 320, 490, 55, RGB(0x00, 0xFF, 0x00)); //Draw a red line AddVectorLine(&Vector, 10, 20, 400, 550, RGB(0xFF, 0x00, 0x00)); //Save the SVG L_VecSaveFile(TEXT( "d:\output.svg" ), &Vector, FILE_SVG, NULL); L_VecFree(&Vector); } void AddVectorLine(pVECTORHANDLE pVector, double x0, double y0, double x1, double y1, COLORREF color) { VECTORLINE Line = {0}; // Init the new object L_VecInitObject(&Line.Object); Line.Object.nSize = sizeof (VECTORLINE); Line.Object.nType = VECTOR_LINE; Line.Point[0].x = x0; Line.Point[0].y = y0; Line.Point[1].x = x1; Line.Point[1].y = y1; Line.Pen.nSize = sizeof (VECTORPEN); Line.Pen.bExtPen = FALSE; Line.Pen.NewPen.LogPen.lopnStyle = PS_SOLID; Line.Pen.NewPen.LogPen.lopnWidth.x = 1; Line.Pen.NewPen.LogPen.lopnWidth.y = 0; Line.Pen.NewPen.LogPen.lopnColor = color; //add to current active layer L_VecAddObject(pVector, NULL, VECTOR_LINE, &Line, NULL); } The SDK has a free evaluation you can try on www.leadtools.com

Drawing Lines on Canvas and save them as Bild in SVG

Rajkiran Swain

Satyaprakash Samantaray

Satyaprakash Samantaray

Satyaprakash Samantaray