Xamarin.Forms中调整图片为140*80后圆形变椭圆的解决方法

嘿，这个问题我太熟啦！你遇到的圆形变椭圆，本质就是强制非等比例缩放搞的鬼——你把原图硬拉成140×80的尺寸，而这个尺寸的宽高比（7:4）和原图的比例不一样，圆形自然就被拉扁/拉长了。给你几个实用的解决办法：

• 优先保持等比例缩放：先算出原图的宽高比例，比如假设原图是正方形（比如200×200），那要缩到高度80的话，宽度也得是80，这样圆形绝对不会变形；如果一定要宽度140，那高度就得按原图比例计算（新高度=140×(原图高度/原图宽度)）。这样缩放后的图形比例完全正常。
• 裁剪后再适配尺寸：如果必须要140×80的固定尺寸，可以先把原图里包含圆形的区域，裁剪成接近140:80的比例（直接裁成140×80的区域也行，注意把圆形放在裁剪框的中心位置），之后再用这个尺寸导出，圆形就不会被拉伸变形了。
• 用工具的「约束比例」功能：不管是Photoshop、GIMP这类专业工具，还是Canva这类在线编辑器，缩放图片时记得勾选「保持比例」或者「约束长宽比」的选项。这样你调整宽度或高度时，另一维度会自动跟着比例变化，避免拉伸。如果最终需要140×80的画布，你可以先等比例缩放到合适大小，再把图片放进这个画布，空白部分用和图片一致的背景色填充就行。

如果是用代码来处理的话，也有对应的小技巧：

• 用CSS的话，别同时固定width和height，只设其中一个，另一个用auto：

img {
  width: 140px;
  height: auto;
}
/* 或者 */
img {
  height: 80px;
  width: auto;
}

• 用Python的PIL库处理的话，可以先计算比例再缩放，或者先裁剪再适配：

from PIL import Image

# 打开图片
img = Image.open("your_image.jpg")
original_width, original_height = img.size
ratio = original_width / original_height

# 方法1：等比例缩放到高度80
new_height = 80
new_width = int(new_height * ratio)
resized_img = img.resize((new_width, new_height), Image.Resampling.LANCZOS)

# 方法2：裁剪后适配140×80（保证圆形不变形）
target_ratio = 140 / 80
# 计算裁剪的尺寸
if ratio > target_ratio:
    # 原图更宽，裁剪左右
    crop_width = int(original_height * target_ratio)
    crop_height = original_height
else:
    # 原图更高，裁剪上下
    crop_width = original_width
    crop_height = int(original_width / target_ratio)
# 居中裁剪
left = (original_width - crop_width) // 2
top = (original_height - crop_height) // 2
cropped_img = img.crop((left, top, left + crop_width, top + crop_height))
# 缩放到目标尺寸
final_img = cropped_img.resize((140, 80), Image.Resampling.LANCZOS)

内容的提问来源于stack exchange，提问作者Nandha