SVG将'fill'与'stroke-color'混淆

时间:2015-01-24 06:32:01

标签: css svg

我画了一个明星形状的<path>。问题很简单但令人沮丧:当我尝试通过属性或CSS填充其内部时,唯一改变的是笔触颜色。我对路径的细节非常苛刻,但没有看到任何特别之处。即使是最基本的教程也会展示如何填充封闭路径,因此必须有可能。

Here's a JSBin.我请求蓝色填充,但得到蓝色笔划。注意我尝试使用<defs>中的两个模板和一个非模板等效模板。

1 个答案:

答案 0 :(得分: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.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.914 -11.427,7.433 L 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

你应该明白我的意思