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只定义要剪切的形状。您无法设置剪辑路径的样式。