UD5工具箱
什么是Canvas渐变纹理？
Canvas渐变纹理是使用HTML5 Canvas API实时渲染生成的渐变图像。与CSS渐变不同，Canvas渐变可以导出为PNG图片，支持线性、径向和锥形三种渐变类型，并可叠加噪点、条纹等纹理效果。所有渲染操作在浏览器本地完成，无需服务器参与，兼顾了性能和隐私安全。
线性渐变、径向渐变和锥形渐变的区别是什么？
线性渐变沿直线方向进行颜色过渡，适合背景条幅和页面Banner设计；径向渐变从中心点向外呈圆形扩散，适合制作光晕、聚焦和球体效果；锥形渐变围绕中心点按角度旋转过渡，类似色轮效果，适合饼图背景和雷达扫描动画。三种类型各有特点，可根据设计需求灵活选择。
如何导出生成的纹理图片？
完成纹理设计后，点击"下载PNG"按钮可导出当前Canvas尺寸的PNG图片；点击"下载2K"按钮可导出2048x1280的高分辨率PNG版本。2K版本适合用于印刷品、大屏壁纸和高清显示设备。导出的PNG文件保留了渐变和纹理的全部色彩细节，可直接用于各类设计项目。
CSS渐变代码可以直接用在网站中吗？
可以！工具自动生成符合CSS3标准的渐变代码，点击"复制CSS代码"按钮即可获取。你可以将代码直接粘贴到网页的style属性或样式表的background属性中使用。但需要注意，CSS代码仅包含渐变部分，不支持噪点、条纹等纹理叠加效果。如果需要使用纹理效果，建议导出PNG图片作为背景。
什么是颜色停止点？如何调整？
颜色停止点定义了渐变中颜色变化的关键位置。每个停止点包含颜色值和位置百分比两个属性。在工具中，你可以点击"添加"按钮新增停止点，点击色块选择颜色，拖动滑块调整位置百分比，点击"删除"按钮移除不需要的停止点。多个停止点的合理组合可以创造出丰富的渐变层次和色彩过渡效果。
纹理叠加有什么用？
纹理叠加在基础渐变之上添加额外的纹理细节，让背景更有质感和层次。例如，细微噪点可以模拟纸质或磨砂效果，条纹可以增加动感，网格线适合科技感设计，点阵适合复古风格。纹理叠加是提升设计品质的关键技巧，能有效避免纯渐变背景的单调感，让作品更具专业水准。
使用这个工具需要注册账号吗？
完全不需要注册。实时渐变纹理生成器是一款完全免费的在线工具，无需注册账号、无需登录，打开页面即可直接使用全部功能。所有渐变计算和纹理渲染均在浏览器本地完成，不涉及任何服务器通信，无需担心个人信息泄露或设计素材被上传存储的问题。
生成的图片可以用于商业项目吗？
可以。通过本工具生成的渐变纹理图片和CSS代码均为用户自主创作的内容，可用于个人和商业项目，包括但不限于网站设计、APP界面、海报印刷、游戏素材等。工具本身不生成受版权保护的素材，所有渐变效果由用户自行配置产生。
为什么导出的2K图片和预览效果有色差？
这通常与显示器的色彩配置有关。不同显示器的色彩空间、亮度和对比度设置不同，可能导致屏幕预览和导出图片之间存在一定色差。建议在导出前确保显示器色彩校准准确。此外，PNG是无损格式，导出的图片在色彩数据上与Canvas渲染结果完全一致，实际使用时在标准色彩显示器上应呈现一致的效果。