追梦人（笛子版）

马黑黑

绿叶清舟 发表于 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
聪明

马黑黑

大猫咪 发表于 2022-1-22 23:01

红影

马黑黑 发表于 2022-1-22 22:43
速度上不会因为剪裁而有什么区别。剪裁不意味着不下载全图，剪裁仅是不让看被剪裁的部分而已。图片是可以 ...

哦哦，是这样。我去看过全图了，黑黑截取的这部分挺漂亮，舍弃了腿以下的部分

马黑黑

红影 发表于 2022-1-23 11:17
哦哦，是这样。我去看过全图了，黑黑截取的这部分挺漂亮，舍弃了腿以下的部分

不小心剪裁了菇凉的美腿

红影

马黑黑 发表于 2022-1-22 22:57 clip-path 需要使用者指定裁剪路线，你爱多复杂都可以。不过，剪裁成圆形的是比较简单的——针对正方形的 ...

可以使用使用者指定裁剪路线，你爱多复杂都可以。 这个厉害了，嗯，圆是最简单的吧，我试试

红影

马黑黑

红影 发表于 2022-1-23 11:25
.mypic1 {
    width: 120px;
    height: 120px;

可以吧

红影

马黑黑 发表于 2022-1-23 11:26 可以吧

好好玩哦

马黑黑

红影 发表于 2022-1-23 11:27
好好玩哦

其实，像你的这类效果，一个更简单、兼容性更好的做法是给图片加个 border-radius 样式：

<img alt="" src="地址" style="border-radius:50%;" />

红影

不同半径下，效果还各不相同，光是一个圆就这么好玩。其他的肯定更好玩

记得前面也学过一个做圆球的命令，原来做圆有这么多方法。前面那个做不了椭圆或别形状的。

马黑黑

红影 发表于 2022-1-23 11:30
不同半径下，效果还各不相同，光是一个圆就这么好玩。其他的肯定更好玩

记得前面也学过一个做 ...

你说的是 border-radius，它也可以做椭圆的，50%时，针对正方形时正圆，那对长方形呢？还有，针对正方形，用30%会如何？

红影

马黑黑 发表于 2022-1-23 11:23
不小心剪裁了菇凉的美腿

猜想你是故意的

红影

马黑黑 发表于 2022-1-23 11:29
其实，像你的这类效果，一个更简单、兼容性更好的做法是给图片加个 border-radius 样式：

这个前面学过的啊，现在这个是前面没玩过的

红影

马黑黑 发表于 2022-1-23 11:35 你说的是 border-radius，它也可以做椭圆的，50%时，针对正方形时正圆，那对长方形呢？还有，针对正方形 ...

针对长方形应该是两头半圆中间矩形，也不是椭圆啊。正方形的30%没试过，我试试