能否使带路径的SVG剪辑路径响应式？

Question

能否使带路径的SVG剪辑路径响应式？

csssvgclip-path

4

我正在尝试制作一个响应式的SVG，其中包含一个位图图案和一个带有clipPath的复杂形状。如果我使用

- edrpls

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Paul LeBeau · Accepted Answer

将您的<clipPath>转换为使用clipPathUnits="objectBoundingBox"。使用objectBoundingBox单位时，剪辑路径坐标映射到它们被应用于的元素的边界框。 (0,0) 映射到元素的左上角。(1,1) 映射到右下角。您需要重新定义路径（或应用变换以将坐标转换为此范围）。但一旦您这样做了，它将自动缩放以适应您应用它的任何内容。