When rendering my SVG x, y, the width and height are doubled in pixels. What causes this?
EDIT:
Monitor 3840 X 2160 with a scale of 200% in the 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>

Jason source
share