css - SVG 混淆了 'fill' 和 'stroke-color'

Question

我有一个关闭的<path>画成星星的形状。问题很简单但令人沮丧:当我尝试通过属性或 CSS 填充它的内部时，唯一改变的是笔触颜色。我相当认真地盯着路径细节，但看不出有什么特别之处。即使是最基本的教程也展示了如何填充闭合路径，所以它一定是可能的。

Here's a JSBin.我请求蓝色填充，但得到的是蓝色描边。注意我尝试了 <defs> 中的两个模板和一个非模板等价物。

Answer 1

SVG 工作正常。只是明星本身仅限于那个乐队。 (您的星标中没有用于填充 svg 的中间部分)

将 d 属性更改为:

m 15.64,213.212 117.92,105.865 -33.174,154.959 c -1.035,4.834 0.876,9.824 4.876,12.729 3.999,2.906 9.335,3.181 13.613,0.70 4 l 137.124,-79.434 137.124,79.434 c 1.944,1.126 4.107,1.684 6.265 ,1.684 2.588,0 5.167,-0.802 7.348,-2.387 4,-2.906 5.911,-7.896 4.876,-12.729 L 378.44,319.077 496.359,213.212 c 3.679,-3.30 2 5.065,-8.462 3.538,-13.164 -1.528,-4.702 -5.683,-8.061 -10.6,-8.571 L 331.671,175.143 267.425,30.279 c -2.004,-4.519 -6.483,-7.432 -11.427,-7.432 -4.944,0 -9.423,2.914 -11。 427,7.433 升 180.329,175.143 22.702 ,191.477 c -4.917,0.51 -9.072,3.869 -10.6,8.571 -1.528,4.702 -0.141,9.862 3.538,13.164 z

你应该明白我的意思