SVG 将 'fill' 与 'stroke-color' 混淆
SVG confuses 'fill' with 'stroke-color'
我画了一个封闭的 <path> 星形。问题很简单但令人沮丧：当我尝试通过属性或 CSS 填充其内部时，唯一改变的是笔触颜色。我相当认真地盯着路径细节，但看不出有什么特别之处。连最基础的教程都教怎么填充闭合路径，所以一定是可以的。
Here's a JSBin. 我请求蓝色填充，但得到的是蓝色描边。请注意，我尝试了 <defs> 中的模板和等效的非模板。
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.704 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.302 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.9433 L -7,1.9437 -2,9 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
你应该明白我的意思
我画了一个封闭的 <path> 星形。问题很简单但令人沮丧：当我尝试通过属性或 CSS 填充其内部时，唯一改变的是笔触颜色。我相当认真地盯着路径细节，但看不出有什么特别之处。连最基础的教程都教怎么填充闭合路径，所以一定是可以的。
Here's a JSBin. 我请求蓝色填充，但得到的是蓝色描边。请注意，我尝试了 <defs> 中的模板和等效的非模板。
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.704 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.302 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.9433 L -7,1.9437 -2,9 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
你应该明白我的意思