无法将图像裁剪成真实的圆圈

img {
  border-radius: 50%;
}

const img = document.querySelector('img');
img.style.borderRadius = '50%';

from PIL import Image

def crop_to_circle(image_path):
    # 打开图像
    image = Image.open(image_path)

    # 创建一个与图像相同大小的透明背景图像
    circle_mask = Image.new('L', image.size, 0)

    # 创建一个与图像相同大小的白色圆形图像
    circle = Image.new('L', image.size, 255)
    circle_draw = ImageDraw.Draw(circle)
    circle_draw.ellipse((0, 0, image.width, image.height), fill=0)

    # 将圆形图像作为遮罩，裁剪原始图像
    cropped_image = Image.composite(image, Image.new('RGBA', image.size), circle)

    # 将裁剪后的图像保存到文件
    cropped_image.save('cropped_image.png')

# 调用函数进行图像裁剪
crop_to_circle('original_image.png')