圆角图片

复制from PIL import Image, ImageDraw

# 打开图片并转为 RGBA 模式（支持透明背景）
img = Image.open("input.jpg").convert("RGBA")

# 创建与图片同尺寸的透明蒙版
mask = Image.new("L", img.size, 0)
draw = ImageDraw.Draw(mask)

# 绘制圆角矩形（半径 50px）
width, height = img.size
radius = 50
draw.rounded_rectangle([(0, 0), (width-1, height-1)], radius=radius, fill=255)

# 应用蒙版：透明背景 + 圆角
result = Image.new("RGBA", img.size, (0, 0, 0, 0))
result.paste(img, (0, 0), mask)
result.save("output_rounded.png")

# 若需要圆形头像：将半径设为宽高最小值的一半
circle_radius = min(width, height) // 2
mask_circle = Image.new("L", img.size, 0)
draw_circle = ImageDraw.Draw(mask_circle)
draw_circle.ellipse([(0, 0), (width-1, height-1)], fill=255)
result_circle = Image.new("RGBA", img.size, (0, 0, 0, 0))
result_circle.paste(img, (0, 0), mask_circle)
result_circle.save("output_circle.png")

复制package main

import (
	"image"
	"image/color"
	"image/draw"
	"image/png"
	"log"
	"math"
	"os"
)

func main() {
	// 打开输入图片
	file, err := os.Open("input.jpg")
	if err != nil {
		log.Fatal(err)
	}
	defer file.Close()

	src, _, err := image.Decode(file)
	if err != nil {
		log.Fatal(err)
	}

	bounds := src.Bounds()
	width := bounds.Dx()
	height := bounds.Dy()

	// 创建带透明背景的目标图片
	dst := image.NewRGBA(image.Rect(0, 0, width, height))

	// 逐像素判断是否在圆角区域内（半径 50px）
	radius := 50
	for y := 0; y < height; y++ {
		for x := 0; x < width; x++ {
			// 判断是否在四个圆角之外
			inCorner := false
			// 左上角
			if x < radius && y < radius {
				dx := float64(x - radius)
				dy := float64(y - radius)
				if dx*dx+dy*dy > float64(radius*radius) {
					inCorner = true
				}
			}
			// 右上角
			if x >= width-radius && y < radius {
				dx := float64(x - (width - radius - 1))
				dy := float64(y - radius)
				if dx*dx+dy*dy > float64(radius*radius) {
					inCorner = true
				}
			}
			// 左下角
			if x < radius && y >= height-radius {
				dx := float64(x - radius)
				dy := float64(y - (height - radius - 1))
				if dx*dx+dy*dy > float64(radius*radius) {
					inCorner = true
				}
			}
			// 右下角
			if x >= width-radius && y >= height-radius {
				dx := float64(x - (width - radius - 1))
				dy := float64(y - (height - radius - 1))
				if dx*dx+dy*dy > float64(radius*radius) {
					inCorner = true
				}
			}

			if inCorner {
				dst.Set(x, y, color.RGBA{0, 0, 0, 0}) // 透明
			} else {
				dst.Set(x, y, src.At(x, y))
			}
		}
	}

	// 保存结果
	outFile, err := os.Create("output_rounded.png")
	if err != nil {
		log.Fatal(err)
	}
	defer outFile.Close()
	png.Encode(outFile, dst)
}

// 圆形头像：将半径设为宽高最小值的一半，并裁剪为椭圆
func circleMask(width, height int) func(x, y int) bool {
	r := float64(min(width, height)) / 2
	cx, cy := float64(width)/2, float64(height)/2
	return func(x, y int) bool {
		dx := float64(x) - cx
		dy := float64(y) - cy
		return dx*dx+dy*dy > r*r
	}
}

func min(a, b int) int {
	if a < b {
		return a
	}
	return b
}

复制// 浏览器端使用 Canvas API 实现圆角/圆形裁剪
function applyRoundedCorners(imageUrl, radius, shape = 'rounded') {
  const img = new Image();
  img.crossOrigin = 'anonymous';
  img.src = imageUrl;

  img.onload = () => {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    canvas.width = img.width;
    canvas.height = img.height;

    // 绘制圆角路径
    ctx.beginPath();
    if (shape === 'circle') {
      // 圆形：以短边为直径
      const size = Math.min(img.width, img.height);
      const x = (img.width - size) / 2;
      const y = (img.height - size) / 2;
      ctx.arc(img.width / 2, img.height / 2, size / 2, 0, Math.PI * 2);
    } else {
      // 圆角矩形
      const r = radius || 50;
      ctx.moveTo(r, 0);
      ctx.lineTo(img.width - r, 0);
      ctx.quadraticCurveTo(img.width, 0, img.width, r);
      ctx.lineTo(img.width, img.height - r);
      ctx.quadraticCurveTo(img.width, img.height, img.width - r, img.height);
      ctx.lineTo(r, img.height);
      ctx.quadraticCurveTo(0, img.height, 0, img.height - r);
      ctx.lineTo(0, r);
      ctx.quadraticCurveTo(0, 0, r, 0);
      ctx.closePath();
    }

    ctx.clip();
    ctx.drawImage(img, 0, 0);

    // 导出为 PNG（透明背景）
    const dataUrl = canvas.toDataURL('image/png');
    console.log('结果图片 data URL:', dataUrl);
    // 可创建 <img> 标签显示：
    // document.body.appendChild(Object.assign(new Image(), { src: dataUrl }));
  };

  img.onerror = () => console.error('图片加载失败');
}

// 使用示例：
// applyRoundedCorners('https://example.com/avatar.jpg', 30, 'rounded');
// applyRoundedCorners('https://example.com/avatar.jpg', 0, 'circle');