代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
svg{
margin-left:calc(50% - 200px);
border: 2px solid gainsboro;
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="600px">
<!--水池-->
<ellipse cx="200" cy="400" rx="200" ry="40" fill="#72E0FF"></ellipse>
<!--熊本框架-->
<path d="M66.66 400 q133.34 20 266.64 0 q0 -50 -33.333 -100 m10 20 q-20 -120 -109.99 -130 q-89.99 10 -109.99 130 m10 -20 q-33.33 50 -33.33 100" stroke="black" stoke-width="1" fill="red"></path>
</svg>
</body>
</html>
想问下中间那个三角形为什么没有填充进去颜色。。。fill-rule的evenodd和nozero都试了。。小白求教。。谢谢!!
以及有什么svg的代码工具。谢谢各位!
应该是
这一块的
`
d="M66.66 400 q133.34 20 266.64 0 q0 -50 -33.333 -100 m10 20 q-20 -120 -109.99 -130 q-89.99 10 -109.99 130 m10 -20 q-33.33 50 -33.33 100"