まず、clip-path 属性について話しましょう。インターネットで検索したところ、clip-path 属性は「カット」を意味することがわかりました。
clip-path:polygon(x,y) 属性、polygon(x,y) の x は横座標 (px %) の位置を表し、y は縦座標 (px %) の位置を表します。
最終的には、このクリップパスのカットは Photoshop の代わりに写真をカットすることができます。ただし、コードと PS の違いは、コードはパスを手動で見つける必要があるのに対し、PS はマジックを直接使用できることです。ワンド。
これはクリップパスで切り取った写真です:
実際、svgでもパス図を作成できます。 svgにはclippath属性もあります。
元の画像アドレス: http://images.cnblogs.com/cnblogs_com/hao5599/678419/o_20150314.jpg
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
