Как обрезать изображение в форме круга в титане?

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 
}