Progressbar.js - SVG进度条在IE 11、10、9中无法工作。

Question

Progressbar.js - SVG进度条在IE 11、10、9中无法工作。

3

我正在使用这个很棒的插件（https://github.com/kimmobrunfeldt/progressbar.js）来渲染一个对象周围的SVG进度条。它在Chrome、Firefox、Mozzilla和Safari中表现非常出色，但在IE（所有版本）中无响应。

circleProgressBar = new ProgressBar.Circle('#progress div', {
                                color: '#48c1ff',
                                strokeWidth: 10,
                                duration: 500
                            });

当我使用动画函数时：

circleProgressBar.animate(1);

在所有正常的浏览器中，它创建了完整的圆形，但是IE有一些特殊的东西：点击这里 有趣的事实是，在动画完成后（在IE中），如果我打开开发人员工具，SVG可能会以某种方式重新呈现，并且看起来与应该看起来的样子相同。

提前感谢您的回复。

- Honza Kopecky

你解决过这个问题吗？我也遇到了同样的问题！ - swedish_junior_dev

@swedish_junior_dev 是的，下面的解决方案对我有用。很抱歉没有将其标记为正确答案。 - Honza Kopecky

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Maksym Krugliachenko · Accepted Answer

您需要使用strokeWidth < 7。如果超过7，它将在IE中无法正常工作。您可以检测浏览器。对于IE，请使用小于7的值。对于其他浏览器，则可以根据需要选择。