jquery - Progressbar.js - SVG 进度条在 IE 11,10,9 上不起作用

Question

我正在使用这个很棒的插件( 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 有一些特殊的东西:click here

有趣的事实是，如果我在动画完成后打开开发人员工具(在 IE 中)，SVG 可能会以某种方式重新渲染，并且看起来应该是这样的。

感谢您提前回复。

Answer 1

您需要使用的描边宽度< 7。如果它大于7，它将无法在IE 中工作。您可以检测浏览器。对于 IE，请少用 7。对于其他用途，请使用您想要的。