使用SVG clipPath响应大小调整

时间:2018-03-19 01:56:52

标签: css svg clip-path

我想为带有圆角六边形的设计掩盖图像。我认为理想的选择是CSS剪辑路径属性,但它似乎不允许圆角六边形 - 除非有一个工具允许你上传形状,它生成多边形代码。我找到了ClippyCSS Plant's generator,但都不允许您上传或轻松生成圆角形状。

SVG clipPath是另一种选择。此选项的主要问题是它没有响应。我希望SVG的形状是它的容器的最大宽度并使图像适合它,但它似乎没有这样做 - 至少我现在拥有的CSS。这就是我一直在使用的:https://codepen.io/apautler/pen/eMBEoO。我调查了objectBoundingBox,但我似乎无法让它工作。

任何帮助我指明如何获得响应的圆角六边形的正确方向都会非常有帮助。

0 个答案:

没有答案