时间戳

首页 > 解决方案 > 使用 Inline SVG 保留形状的底角

html - 使用 Inline SVG 保留形状的底角

问题描述

我在下面有这个示例 CSS：

clip-path: polygon(100% 0, 100% calc(100% - 60px), calc(100% - 40px) 100%, 0 100%, 0 0);

它的作用是填充容器 div 并在形状的底角保留倾斜切口，因此当容器的高度上升时，它不会扭曲倾斜角

是否可以在内联 SVG 中做同样的事情？

因为 IE11 和 MS Edge 版本 16 - 17 将是我们的 Web 应用程序将支持的浏览器，它不尊重 clip-path CSS 属性。

标签： htmlcsssvg

解决方案

推荐阅读