绿叶清舟 发表于 2022-1-22 22:38
EDGE的
edge已经向cross靠拢了，一点ie的影子都木有的
马黑黑 发表于 2022-1-22 22:39
edge已经向cross靠拢了，一点ie的影子都木有的
基本不用的了，不过也有好处，这里发出来会自动跳转的贴用系统自带的看就不会跳了
红影 发表于 2022-1-22 21:18
那就看不见了啊。
刚才刷新，最先加载的是椭圆图，然后是底图，再然后是音乐。是不是因为裁剪了所以加载 ...
速度上不会因为剪裁而有什么区别。剪裁不意味着不下载全图，剪裁仅是不让看被剪裁的部分而已。图片是可以通过在新标签打开看到全图的，或另存为，你得到的是全图。
红影 发表于 2022-1-22 21:15
没废弃前的我也不知道啊，所以也不知道这里的更新换代。
这个裁剪需要计算位置的吧，若是自动取当中位置 ...
clip-path 需要使用者指定裁剪路线，你爱多复杂都可以。不过，剪裁成圆形的是比较简单的——针对正方形的东东比如图片，你试试：
<style>
.mypic {
width: 200px;
height: 200px;
clip-path: circle(50%);
}
</style>
<img class="mypic" src="图片地址" alt="" />
绿叶清舟 发表于 2022-1-22 22:42
基本不用的了，不过也有好处，这里发出来会自动跳转的贴用系统自带的看就不会跳了
edge浏览器现在是不错的，可以用它。要不就用轻快一点的，百分浏览器（centbrowser）
大猫咪 发表于 2022-1-22 21:02
吃饭猫就找故事溜了，要不半夜夜回不来。。
聪明
马黑黑 发表于 2022-1-22 22:59
聪明
{:5_117:}
大猫咪 发表于 2022-1-22 23:01
{:4_204:}
马黑黑 发表于 2022-1-22 22:43
速度上不会因为剪裁而有什么区别。剪裁不意味着不下载全图，剪裁仅是不让看被剪裁的部分而已。图片是可以 ...
哦哦，是这样。我去看过全图了，黑黑截取的这部分挺漂亮，舍弃了腿以下的部分{:4_173:}
红影 发表于 2022-1-23 11:17
哦哦，是这样。我去看过全图了，黑黑截取的这部分挺漂亮，舍弃了腿以下的部分
不小心剪裁了菇凉的美腿{:4_170:}
马黑黑 发表于 2022-1-22 22:57
clip-path 需要使用者指定裁剪路线，你爱多复杂都可以。不过，剪裁成圆形的是比较简单的——针对正方形的 ...
可以使用使用者指定裁剪路线，你爱多复杂都可以。
这个厉害了，嗯，圆是最简单的吧，我试试
<style>
.mypic {
width: 120px;
height: 120px;
clip-path: circle(50%);
}
</style>
<img class="mypic" src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt="" />
<style>
.mypic1 {
width: 120px;
height: 120px;
clip-path: circle(40%);
}
</style>
<img class="mypic1" src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt="" />
红影 发表于 2022-1-23 11:25
.mypic1 {
width: 120px;
height: 120px;
可以吧
马黑黑 发表于 2022-1-23 11:26
可以吧
好好玩哦
<style>
.mypic2 {
width: 120px;
height: 120px;
clip-path: circle(60%);
}
</style>
<img class="mypic2" src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt="" />
红影 发表于 2022-1-23 11:27
好好玩哦
其实，像你的这类效果，一个更简单、兼容性更好的做法是给图片加个 border-radius 样式：
<img alt="" src="地址" style="border-radius:50%;" />
不同半径下，效果还各不相同，光是一个圆就这么好玩。其他的肯定更好玩{:4_173:}
记得前面也学过一个做圆球的命令，原来做圆有这么多方法。前面那个做不了椭圆或别形状的。
红影 发表于 2022-1-23 11:30
不同半径下，效果还各不相同，光是一个圆就这么好玩。其他的肯定更好玩
记得前面也学过一个做 ...
你说的是 border-radius，它也可以做椭圆的，50%时，针对正方形时正圆，那对长方形呢？还有，针对正方形，用30%会如何？
马黑黑 发表于 2022-1-23 11:23
不小心剪裁了菇凉的美腿
猜想你是故意的{:4_170:}
马黑黑 发表于 2022-1-23 11:29
其实，像你的这类效果，一个更简单、兼容性更好的做法是给图片加个 border-radius 样式：
这个前面学过的啊，现在这个是前面没玩过的{:4_173:}
马黑黑 发表于 2022-1-23 11:35
你说的是 border-radius，它也可以做椭圆的，50%时，针对正方形时正圆，那对长方形呢？还有，针对正方形 ...
针对长方形应该是两头半圆中间矩形，也不是椭圆啊。正方形的30%没试过，我试试<br>
<img alt="" src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" style="border-radius:30%;" />