Svg 多边形 描边

Question

我是 Svg 的新手，不知道为什么我无法向这个多边形添加笔触

    <img class="clip-svg" src="http://placekitten.com/g/1000/1000" />

    <svg xmlns="http://www.w3.org/2000/svg">
        <clipPath id="myClip" clipPathUnits="objectBoundingBox">
                <polygon points="0,1 0.15,0 1,0 0.85,1" style="stroke:red;stroke-width:5"/>
        </clipPath>
    </svg>

我的 CSS：

    .clip-svg{
      -webkit-clip-path: url(#myClip);
       clip-path: url(#myClip);
       max-height:150rem;
     }

Answer 1

clipPath 只是定义要被切除的形状。您不能设置剪辑路径的样式。