svg path填充问题

图片描述

代码如下:

<!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的代码工具。谢谢各位!

阅读 5.1k
1 个回答

应该是image.png这一块的`
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"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题