Android 图像边界半径
我正在创建android应用程序的帮助下的工作。 我的UI有这个问题。 我用爱奥尼亚来展示商店今天的交易 我把缩略图按属性边框半径100%做成圆形,但是当放置一个矩形图像时,我的缩略图被弄乱了。当我使用sqare图像时,它很好。但我正在创建这个应用程序,它必须支持所有形状的图像。 找到下面的屏幕截图,了解矩形图像如何响应边框半径:100% 我想把我的指甲弄圆而不被拉长。下面给出了预期列表的图像 有没有办法使爱奥尼亚框架中的缩略图变成圆形Android 图像边界半径,android,html,css,ionic-framework,Android,Html,Css,Ionic Framework,我正在创建android应用程序的帮助下的工作。 我的UI有这个问题。 我用爱奥尼亚来展示商店今天的交易 我把缩略图按属性边框半径100%做成圆形,但是当放置一个矩形图像时,我的缩略图被弄乱了。当我使用sqare图像时,它很好。但我正在创建这个应用程序,它必须支持所有形状的图像。 找到下面的屏幕截图,了解矩形图像如何响应边框半径:100% 我想把我的指甲弄圆而不被拉长。下面给出了预期列表的图像 有没有办法使爱奥尼亚框架中的缩略图变成圆形 <div class="list">
<div class="list">
<!--.....................loop........................................................-->
<a class="item item-icon-right item-thumbnail-left" href="#">
<img style="border-radius: 100%;" src="img/sample.jpg">
<h2>HEADINGG</h2>
<p>Details : Hey guys i saw that there was no thread for p300, so i decided to make one (this is the support and development thread) Do this at your own risk 1=Root your funbook It is rooted but sometimes it is not rooted so you must visit this page</p>
<i class="icon ion-chevron-right stable"></i>
</a>
<!--.....................loop........................................................-->
</div>
我想我得用CSS做点什么。我不知道该怎么办。最好将您希望在页面中以圆形显示的图像的方形部分进行裁剪。这是因为边界半径:100%;对于方形图像来说,它就像一个符咒
这是一本书 尝试只使用化身
阿凡达css似乎是这样的
.avatar {
border-radius: 95px;
}
<img class="avatar" src="img/sample.jpg">
我想你还需要去掉剑尾草
您可以在此处编辑事实:
只有方形对象将渲染为CSS边框半径为100%或50%的圆
所以你必须给图像本身同样的宽度和高度
…或者我不明白你的问题^^我的建议是用高度和宽度设置边界半径
<img src="" class="icon-round"></div>
.icon-round {
border-radius: 50%;
width: 100px;
height: 100px;
}
您是否尝试过物品头像请检查此项,如果它对您有帮助-@sakir是的,我尝试过,问题也一样。不能使用矩形images@Ashish谢谢,伙计,这很有帮助我没有办法裁剪图像。因为这些图片是由用户上传的。这个链接帮助了我。现在我可以显示圆形图像了。我知道。但我也必须渲染矩形对象。我从你那里得到了答案