We have an application made in WPF that uses sharpvectors to display a map as an SVG and now we need to display the same maps in HTML with blazor. The main issue is we place elements over the maps with a set of transforms and it looks as the SVGs are displayed differently between the two as with the same transforms elements don’t align in HTML.

The best I can think is happening is that in WPF the blank space around the images are cropped out as just drawing the SVG in HTML has large padding.

Below are the examples, with the same transforms the HTML version is far over to the left

I’ve tried to process the SVG for HTML cropping the image using an online SVG cropper but that still results in the image being too far over.

I’m mostly looking for if anyone has any information on the differences between SVGs in WPF with sharpvector and HTML as I can’t find any information, and I’m not well versed in WPF.