渐变生成器

复制from PIL import Image, ImageDraw

# 创建线性渐变图像 (从左到右: 红→蓝)
width, height = 400, 200
img = Image.new('RGB', (width, height))
draw = ImageDraw.Draw(img)

for x in range(width):
    # 按 x 位置线性插值颜色分量
    r = int(255 * (1 - x / width))   # 红色递减
    b = int(255 * (x / width))       # 蓝色递增
    for y in range(height):
        draw.point((x, y), fill=(r, 0, b))

img.save('linear_gradient.png')
print('线性渐变已保存: linear_gradient.png')

复制package main

import (
	"image"
	"image/color"
	"image/png"
	"os"
)

func main() {
	// 创建径向渐变图像
	width, height := 400, 400
	img := image.NewRGBA(image.Rect(0, 0, width, height))
	cx, cy := float64(width)/2, float64(height)/2 // 圆心
	maxDist := cx                                    // 最大半径

	for y := 0; y < height; y++ {
		for x := 0; x < width; x++ {
			dx := float64(x) - cx
			dy := float64(y) - cy
			dist := sqrt(dx*dx + dy*dy)
			ratio := dist / maxDist
			if ratio > 1 {
				ratio = 1
			}
			// 从黄色(中心)到蓝色(边缘)
			r := uint8(255 * (1 - ratio))
			g := uint8(255 * (1 - ratio))
			b := uint8(128 + uint8(127*ratio))
			img.Set(x, y, color.RGBA{r, g, b, 255})
		}
	}

	f, _ := os.Create("radial_gradient.png")
	defer f.Close()
	png.Encode(f, img)
}

func sqrt(x float64) float64 {
	// 简单牛顿迭代求平方根
	z := 1.0
	for i := 0; i < 10; i++ {
		z -= (z*z - x) / (2 * z)
	}
	return z
}

复制// 生成 CSS 线性渐变代码示例
function generateLinearGradient(colors, angle = 180) {
  if (colors.length < 2) {
    throw new Error('至少需要两种颜色');
  }
  const stops = colors.map((c, i) => {
    const percent = (i / (colors.length - 1)) * 100;
    return `${c} ${percent.toFixed(1)}%`;
  });
  return `background: linear-gradient(${angle}deg, ${stops.join(', ')});`;
}

// 使用示例
const cssCode = generateLinearGradient(['#ff0000', '#00ff00', '#0000ff'], 90);
console.log(cssCode);
// 输出: background: linear-gradient(90deg, #ff0000 0.0%, #00ff00 50.0%, #0000ff 100.0%);

// 生成径向渐变 CSS
function generateRadialGradient(colors, shape = 'circle') {
  const stops = colors.map((c, i) => {
    const percent = (i / (colors.length - 1)) * 100;
    return `${c} ${percent.toFixed(1)}%`;
  });
  return `background: radial-gradient(${shape}, ${stops.join(', ')});`;
}

console.log(generateRadialGradient(['#ffcc00', '#ff6600']));
// 输出: background: radial-gradient(circle, #ffcc00 0.0%, #ff6600 100.0%);