缩放时更新文本会更改字体大小

时间:2014-09-15 16:34:44

标签: svg d3.js

我在Chrome中遇到svg和d3.js的问题,不确定它是否是一个错误或如何解决它。以下jsfiddle显示了这个问题。

http://jsfiddle.net/9hzrckj7/

在( Ctrl + + )中缩放浏览器(Chrome),然后点击“运行”。您应该看到文本从“文本”更改为“更新”,并且大小会根据缩放级别而变化。

HTML

<svg>
    <text x="100" y="100">
        Text
    </text>
</svg>

JS

function update() {
    d3.select('text').text("Updated");
}

setInterval(function() {
    update();
}, 1000);

以下是放大250%前后显示的图像

Before

After

为什么会这样?我怎样才能阻止它发生或解决它?

0 个答案:

没有答案