2015-05-12 120 views
1

我新的SVG和想不通爲什麼我不能中風添加到該多邊形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; 
    } 

回答

0

一個clipPath剛定義要切除的形狀。您無法設置剪輯路徑的樣式。