从代码到渲染，SVG像素比为1：2

时间：2016-09-21 03:13:02

标签： javascript html svg

渲染SVG时，x，y，宽度和高度的像素加倍。造成这种情况的原因是什么？

修改

监视器是3840 X 2160，窗口中的比例为200％

<!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>

enter image description here

2 个答案:

答案 0 :(得分：0)

使用3840 X 2160显示器将Windows缩放设置为200％，导致从代码到渲染的SVG像素比率为1：2。

答案 1 :(得分：-1)

我会添加评论，但没有足够的声誉。

您的代码对我来说按预期工作，比例是正确的。它可能与您正在查看的图像或浏览器相关吗？

您也可以尝试仅更改SVG或图像属性以缩小问题范围。

您可以在此处使用SVG图像属性：www3.org

相关问题
最新问题