使用SVG路径对对象进行剪裁

马黑黑

红影 发表于 2025-8-8 20:34
嗯嗯，路径漂亮，背景或选用的图图漂亮，弄出来的定然很美

数学之美

马黑黑

红影 发表于 2025-8-8 20:32
这个应该属于引用方式吧，也可以直接使用路径吧

直接使用 path() 函数路径的区别是实打实的尺寸，元素对象的配套实际路径。CSS clip-path属性若使用非 path()  函数路径而是其它形状，且支持百分比的话，那就不用实打实的元素宽高了。

马黑黑

花飞飞 发表于 2025-8-8 20:14
乐滋滋美一个

应该的

马黑黑

花飞飞 发表于 2025-8-8 20:14
看了，没找到转换的地方。。可能我的电脑显示的功能不全

这是不懂英文的缘故。粘贴就行，然后有个取出偏移 offset 的，看清看要不要勾选

花飞飞

马黑黑 发表于 2025-8-8 20:50
应该的

合情合理又合法

花飞飞

马黑黑 发表于 2025-8-8 20:52
这是不懂英文的缘故。粘贴就行，然后有个取出偏移 offset 的，看清看要不要勾选

粘了。。看不到我要的图

马黑黑

花飞飞 发表于 2025-8-8 21:40
粘了。。看不到我要的图

是路径才行，M开头的哪一类才叫路径

花飞飞

马黑黑 发表于 2025-8-8 21:41
是路径才行，M开头的哪一类才叫路径

我复制的自然是路径。。z结尾的

红影

马黑黑 发表于 2025-8-8 20:41
直接使用 path() 函数路径的区别是实打实的尺寸，元素对象的配套实际路径。CSS clip-path属性若使用非 pa ...

嗯嗯，原来区别在这里。感谢黑黑讲解

红影

马黑黑 发表于 2025-8-8 20:38
数学之美

美得不可方物

马黑黑

红影 发表于 2025-8-9 11:29
美得不可方物

嗯嗯，不方，圆润圆润的

马黑黑

红影 发表于 2025-8-9 11:29
嗯嗯，原来区别在这里。感谢黑黑讲解

不让谁会没事去转换一下路径呢

马黑黑

花飞飞 发表于 2025-8-9 09:50
我复制的自然是路径。。z结尾的

那就是路径。路径粘贴到第一个文本框（要清空原来的代码），看右边图形效果合不合适，不合适就勾选一下第二个文本框右上角的移除偏移（Remove Offset）按钮，再看效果行不行，行了就复制第二个文本框的代码，还不行的话是没算出好结果来，需要换个路径。

红影

马黑黑 发表于 2025-8-9 11:37
嗯嗯，不方，圆润圆润的

公式通常都方正死板，从来不肯圆润的。

红影

马黑黑 发表于 2025-8-9 11:37
不让谁会没事去转换一下路径呢

是的，否则就没这个必要了。

马黑黑

红影 发表于 2025-8-9 13:44
公式通常都方正死板，从来不肯圆润的。

谁说的？公式就是为了解决圆的问题，比如圆周率。

花飞飞

马黑黑 发表于 2025-8-9 11:43
那就是路径。路径粘贴到第一个文本框（要清空原来的代码），看右边图形效果合不合适，不合适就勾选一下第 ...

我怎么整都不行，你一说就行了。同样的代码。。
那个小伞的可以出现了，虽然只显示了左边一半。。肯定是我的小伞

红影

马黑黑 发表于 2025-8-9 17:42
谁说的？公式就是为了解决圆的问题，比如圆周率。

它带来的结果是圆润，它的自身生硬死板

马黑黑

花飞飞 发表于 2025-8-9 19:02
我怎么整都不行，你一说就行了。同样的代码。。
那个小伞的可以出现了，虽然只显示了左边一半。。肯定是 ...

这个网页是极简的，如果会几句英文，那用起来不会有什么障碍

马黑黑

红影 发表于 2025-8-9 21:31
它带来的结果是圆润，它的自身生硬死板

规律性的东东让你说成生硬死板，还理科生