如何在手机中让我的圆形图像看起来像一个圆形？

<div class="circle-container">
  <img src="your_image.jpg" alt="your image">
</div>

<style>
.circle-container {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
}
</style>

import React from 'react';
import { View, Image } from 'react-native';

export default function CircleImage() {
  return (
    <View style={{
      width: 200,
      height: 200,
      borderRadius: 100,
      overflow: 'hidden',
    }}>
      <Image
        style={{ width: '100%', height: '100%' }}
        source={require('./your_image.jpg')}
        resizeMode="cover"
      />
    </View>
  );
}

from PIL import Image, ImageDraw

def create_circle_image(image_path, output_path):
    with Image.open(image_path) as image:
        width, height = image.size
        diameter = min(width, height)
        
        # 创建一个新的带透明通道的图像
        circle_image = Image.new('RGBA', (diameter, diameter), (0, 0, 0, 0))
        draw = ImageDraw.Draw(circle_image)
        
        # 在新图像上画一个圆形
        draw.ellipse((0, 0, diameter, diameter), fill=(255, 255, 255, 255))
        
        # 将原始图像粘贴在圆形图像上
        circle_image.paste(image, (int((diameter - width) / 2), int((diameter - height) / 2)))
        
        # 保存圆形图像
        circle_image.save(output_path)