When rendering my SVG the x, y, width and height are doubling in pixels. What is causing this?
EDIT:
Monitor is 3840 X 2160 with 200% scale in windows
<!DOCTYPE html>
<html>
<head>
<style>
#svg {
border-style: solid;
}
</style>
</head>
<body>
<svg id="svg" width="300px" height="200px">
<image x="20" y="20" width="100px" height="100px" xlink:href="test_image.png"></image>
</svg>
</body>
</html>
Windows scaling was set to 200% with a 3840 X 2160 monitor causing the SVG pixel ratio to be 1:2 from code to rendering.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments