网格渐变图片生成器

使用Canvas生成Mesh Gradient高分辨率图片,支持自定义尺寸、颜色点,可下载PNG。

关于 网格渐变图片生成器

网格渐变图片生成器使用Canvas像素级渲染生成Mesh Gradient高分辨率图片。不同于CSS的渐变叠加,本工具对每个像素根据多个色点距离加权计算颜色,输出真正流畅的渐变图片。

渲染算法

对画布每个像素,计算其到每个色点的距离倒数作为权重,所有色点颜色按权重加权平均得到该像素颜色。距离越近的色点权重越大,形成自然的色彩过渡。

使用场景

  • 设计海报背景、Banner主视觉
  • 制作手机壁纸、桌面壁纸
  • 演示PPT背景配图
  • 网页英雄区域背景图

预设介绍

  • 日落:橙红黄渐变,温暖夕阳。
  • 海洋:蓝青绿渐变,清凉深海。
  • 森林:绿黄褐渐变,自然森系。
  • 糖果:粉紫蓝渐变,梦幻甜美。
  • 极光:绿紫蓝渐变,神秘极光。