Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/189.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 图像边界半径_Android_Html_Css_Ionic Framework - Fatal编程技术网

Android 图像边界半径

Android 图像边界半径,android,html,css,ionic-framework,Android,Html,Css,Ionic Framework,我正在创建android应用程序的帮助下的工作。 我的UI有这个问题。 我用爱奥尼亚来展示商店今天的交易 我把缩略图按属性边框半径100%做成圆形,但是当放置一个矩形图像时,我的缩略图被弄乱了。当我使用sqare图像时,它很好。但我正在创建这个应用程序,它必须支持所有形状的图像。 找到下面的屏幕截图,了解矩形图像如何响应边框半径:100% 我想把我的指甲弄圆而不被拉长。下面给出了预期列表的图像 有没有办法使爱奥尼亚框架中的缩略图变成圆形 <div class="list">

我正在创建android应用程序的帮助下的工作。 我的UI有这个问题。 我用爱奥尼亚来展示商店今天的交易

我把缩略图按属性边框半径100%做成圆形,但是当放置一个矩形图像时,我的缩略图被弄乱了。当我使用sqare图像时,它很好。但我正在创建这个应用程序,它必须支持所有形状的图像。 找到下面的屏幕截图,了解矩形图像如何响应边框半径:100%

我想把我的指甲弄圆而不被拉长。下面给出了预期列表的图像

有没有办法使爱奥尼亚框架中的缩略图变成圆形

<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谢谢,伙计,这很有帮助我没有办法裁剪图像。因为这些图片是由用户上传的。这个链接帮助了我。现在我可以显示圆形图像了。我知道。但我也必须渲染矩形对象。我从你那里得到了答案