如何在Titanium中以圆形形状裁剪图像？

Question

您可以通过将图像设置为标签背景然后将标签设置为所需尺寸来裁剪图像，但是有没有办法将其裁剪成圆形？

谢谢！

Answer 1

将borderRadius设置为图像宽度/高度的一半将为您提供圆形图像。

var imageView = Ti.UI.createImageView({
    image        : '/images/myImage.png',
    width        : 60,
    height       : 60,
    borderRadius : 30
});
win.add(imageView);

对于裁剪图像，imageAsCropped也非常方便。

Answer 2

使用钛ui的非常简单的解决方案。没有角落可以像素化（Android）。

<View id="userFaceContainer">                                       
     <ImageView id="avatar" />                    
     <View id="userFaceInnerBorder" />
</View>

和样式

"#avatar": {
   width: 90,
   height: 90
}

"#userFaceContainer": {
    width: 90,
    height: 90,
    center: {
       x:"50%", 
       y:"50%"
    },
    borderRadius: 45,
    borderColor: "#669dd3",
    borderWidth:2
}

"#userFaceInnerBorder": {
    width: 88,
    height: 88,
    borderRadius: 44,
    borderColor: "#669dd3",
    borderWidth:2,
    opacity: 0.7
}