FireFox中的画布进度圈

时间:2014-03-12 21:13:57

标签: javascript html5 css3 canvas

我正在使用这个使用画布创建进度圈的codepen example

它在Chrome和Safari中效果很好,但只在FireFox中显示黑色圆圈。我对画布不太熟悉,所以我正在寻找有关如何在Firefox中工作的一些帮助/提示。

我从哪里开始?我错过了一些明显的东西吗

1 个答案:

答案 0 :(得分:1)

请记住对颜色值使用哈希符号:

canvas.strokeStyle = '#' + color;

这将解决ad-hoc问题,但只是确保颜色值在传递时带有前缀哈希符号。 Chrome在这个意义上比Firefox更灵活,这就是它在那里工作的原因。

<强> Modified pen

希望这有帮助!