Design Calibration

灯光 SVG 设计校准 Demo

demo.html 直接引用 按键灯光-切图.svg装饰灯光-切图.svg,主题色共享,左右两张工作台分别调自己那一组 glow。

真实引用 SVG 文件
双层按键 Glow
左右独立工作台
可直接复制当前参数

主题色

复制结果会包含主题色、按键近层/外层 glow、外围主 glow、外围扩散 glow 的当前数值。

按键灯光

data="按键灯光-切图.svg"

等待 SVG 文件加载...

按键近层 Glow

作用于 #keyboardLightGlow 的第 1 层

按键外层 Glow

作用于 #keyboardLightGlow 的第 2 层

装饰灯光

data="装饰灯光-切图.svg"

等待 SVG 文件加载...

外围主 Glow

作用于 #decorativeLightGlow 的第 1 层

外围扩散 Glow

作用于 #decorativeLightGlow 的第 2 层