js 如何裁剪 svg path？

Question

如题，如何使用 js 把svg path 进行裁剪？仅根据 path 使用 js 裁剪，并不是 css mask

例如：一个正方形的 path （ M 20 40 L 20 40 L 40 40 L 40 20 L 20 20 Z ），裁剪出 50%，那应该只剩下两边框

Answer 1

为什么裁剪50%后只剩下两边框…………不太懂你的意思，能不能大概画个图表现一下。

Answer 2

是根据svg的path 路径对图片进行裁剪么 如果是的话用clipPath