Hi,

Our developer will investigate; we suspect SVG adds caps to the dashes (e.g. square instead of flat).

Regards,
Slavcho
Mindfusion

Thank you, now size of line segments is the same between svg and the diagram. Now I only see some sort of offset that covers line head in the SVG. Please compare these two pictures, in the diagram the arrow head is clearly seen, whereas in the SVG file it is overlapped by  the line. Judging by the start of this digram link you might guess that some sort of offset is applying when exporting to SVG.

If you look at top-left without scrolling, problem seems dashes starting from a different place (half of first dash missing in WPF), and so also not ending at same place of the dash array. Maybe there's some different dash-offset defaults in WPF vs SVG, our developer will check.

This fix works perfectly, thank you. I use MeasureUnit.Pixel for the diagram so it has the same coordinates on different display scales. But what I noticed, is that the link is appearing thicker on the SVG if I set MeasureUnit.Pixel and have different display scale (125%, 150%). Is there a MeasureUnit I could use to properly display the same coordinates on different display scales and also be able to export diagram with links of the same size?

Do you mean you want to prevent operating system's display scale applying to how SVG is rendered in the browser? I don't think SVG nor HTML have anything built-in to specify that. If the HTML page that displays the SVG drawings is under your control, you could try dividing the root <svg> element's width and height values by window.devicePixelRatio, to reverse the effect of the display scale:

https://stackoverflow.com/questions/46791052/detect-scale-settings-dpi-with-java...

Say at double display scale, that should halve drawing's width and height to map SVG's viewbox coordinates to a smaller area.

Regards,
Slavcho
Mindfusion

Try this build for pixels -

https://www.nuget.org/packages/MindFusion.Diagramming.Wpf/4.1.8-beta1

Regards,
Slavcho
Mindfusion

125% is correct too. Note that in old version line thickness wasn't matching other sizes when exporting pixels. Adding a small square with same thickness as the link:

var testnode = diagram.Factory.CreateShapeNode(200, 190, 20, 20);
testnode.Brush = Brushes.Red;
testnode.Shape = Shapes.Rectangle;
testnode.Stroke = Brushes.Transparent;
testnode.ZTop(false); 

shows matching sizes now, with 125% exports being between 100 and 150:



Then it's up to browsers how they choose CSS pixel size, e.g. Firefox shows the svg bigger than Edge: