永洪社区

标题: 图片变成圆形 [打印本页]

作者: yhdata_3NosmMBD 时间: 13 小时前
标题: 图片变成圆形
我想把插入的网络图片变成圆形的图片可以么？现在图片是方形的

作者: yhdata_lyaa 时间: 12 小时前
要先处理好图片，本身是圆形的图片

作者: Efheih 时间: 12 小时前
再用一个图片组件作为相框

作者: yhbi老6了 时间: 12 小时前
方便直接处理成圆角最好。如果不方便处理的话，拉一个文本组件，然后写hmtl+css 试试看。这个需要自己调整，需要点html基础

<title>圆角图片</title>
<style>
.rounded-image {
width: 200px; /* 设置图片宽度 */
height: 200px; /* 设置图片高度 */
object-fit: cover; /* 保证图片按比例填充并保持圆形 */
border-radius: 50%; /* 设置图片四个角为圆形 */
}
</style>
<img src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="Baidu Logo" class="rounded-image">

复制代码

作者: yhdata_3NosmMBD 时间: 12 小时前

yhbi老6了发表于 2024-11-22 10:28
方便直接处理成圆角最好。如果不方便处理的话，拉一个文本组件，然后写hmtl+css 试试看。这个需要自己调整 ...

你这个的原理就是把文本组件变成圆形，然后图片附在里面是这个意思把？

作者: yhbi老6了 时间: 12 小时前

yhdata_3NosmMBD 发表于 2024-11-22 10:30
你这个的原理就是把文本组件变成圆形，然后图片附在里面是这个意思把？ ...

不是，是利用文本组件可以写html+css的特性，来帮你实现特殊要求。如果没有html基础，或者没有精力研究，就不建议你折腾了。

作者: yhdata_lyaa 时间: 9 小时前

yhbi老6了发表于 2024-11-22 10:52
不是，是利用文本组件可以写html+css的特性，来帮你实现特殊要求。如果没有html基础，或者没有精力研究， ...

是的哦

欢迎光临永洪社区 (https://club.yonghongtech.com/)