CSS clip-path inset图片剪裁示意实例页面
回到相关文章 »代码：
SVG代码：
.clip {
position: absolute;
clip: rect(30px 200px 200px 20px);
}
.clip-path {
-webkit-clip-path: inset(30px 56px 0 20px);
clip-path: inset(30px 56px 0 20px);
}
SVG代码：
<strong>这是原图</strong>
<p><img src="mm1.jpg"></p>
<strong>这是clip剪裁图</strong>
<p style="height:191px;"><img src="mm1.jpg" class="clip"></p>
<strong>这是clip-path剪裁图</strong>
<p><img src="mm1.jpg" class="clip-path"></p>
效果：
这是原图
