用clip-path画个简易的星星

红影

马黑黑 发表于 2022-5-9 21:47
不同属性，算法不同。这个剪裁，你从哪儿开始都可以，没有规定。

只要那些点在了就可以了吧。学了好几个clip-path的用法了，真好

红影

马黑黑 发表于 2022-5-9 22:39
平面上的每一个点，都可以用{xy}坐标来表示，比如说，矩形的左上角，{xy} = {0 0} 或 {0% 0%}；再比如圆 ...

嗯嗯，参照系我总是弄错，现在清楚了，原点是左上角

梦油

马黑黑 发表于 2022-5-9 21:48
你理解的完全正确

黑黑朋友早晨好！门外汉说不到点子上。

马黑黑

梦油 发表于 2022-5-10 10:39
黑黑朋友早晨好！门外汉说不到点子上。

说到了，说的很好

马黑黑

红影 发表于 2022-5-10 10:28
嗯嗯，参照系我总是弄错，现在清楚了，原点是左上角

原点是不是在左上角没有个定数的，要看情况而定

马黑黑

红影 发表于 2022-5-10 10:26
只要那些点在了就可以了吧。学了好几个clip-path的用法了，真好

反正，对于多边形剪裁，最后能闭合就行

梦油

马黑黑 发表于 2022-5-10 12:17
说到了，说的很好

黑黑朋友下午好！俺说不到点子上，甚至是“胡说”，意在支持吧。

红影

马黑黑 发表于 2022-5-9 22:41
你从哪一个点画都行，最后要画到这个点就能闭合（最后一个点就是最开始的那个点，可以省略）。

我已经试着在本地画过很多图形了，这个语句非常好玩呢

红影

马黑黑 发表于 2022-5-10 12:18
原点是不是在左上角没有个定数的，要看情况而定

这个里面的，是在父框的左上角。

马黑黑

红影 发表于 2022-5-11 10:19
这个里面的，是在父框的左上角。

但是剪裁从何处下手都是可以的

马黑黑

红影 发表于 2022-5-11 09:33
我已经试着在本地画过很多图形了，这个语句非常好玩呢

是的。这里有一个挺好的clip-path生成器：

https://www.html.cn/tool/css-clip-path/

红影

马黑黑 发表于 2022-5-11 12:20
但是剪裁从何处下手都是可以的

嗯嗯，知道了

红影

马黑黑 发表于 2022-5-11 13:09
是的。这里有一个挺好的clip-path生成器：

https://www.html.cn/tool/css-clip-path/

哇，这个太好了，可以直接看到效果，不用自己一点点试了。而且还能调那上面的位置，得到任何想要的效果呢，太好了。保存起来了，谢谢黑黑

马黑黑

红影 发表于 2022-5-11 19:14
哇，这个太好了，可以直接看到效果，不用自己一点点试了。而且还能调那上面的位置，得到任何想要的效果呢 ...

但是自己做过，懂得原理，也是必须的

红影

马黑黑 发表于 2022-5-11 13:09
是的。这里有一个挺好的clip-path生成器：

https://www.html.cn/tool/css-clip-path/

去试过了，这里面那个梯形就可以用来裁剪一个斜向的视频了。矩形的不行，矩形的调整点在线的中心，不是四角。

马黑黑

红影 发表于 2022-5-11 19:22
去试过了，这里面那个梯形就可以用来裁剪一个斜向的视频了。矩形的不行，矩形的调整点在线的中心，不是四 ...

嗯嗯，慢慢体会

红影

马黑黑 发表于 2022-5-11 19:16
但是自己做过，懂得原理，也是必须的

嗯嗯，我自己画着玩画了不少的

红影

马黑黑 发表于 2022-5-11 19:22
嗯嗯，慢慢体会

看到那个可调的小圆点，基本就不去想实现原理了，只是用那个玩了起来

马黑黑

红影 发表于 2022-5-13 12:55
看到那个可调的小圆点，基本就不去想实现原理了，只是用那个玩了起来

都行，不过最好能理解

马黑黑

红影 发表于 2022-5-13 12:54
嗯嗯，我自己画着玩画了不少的

挺用功的