gavin/lupin-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update at 2026-01-22 18:43:01

Browse Source
This commit is contained in:
douboer
2026-01-22 18:43:01 +08:00
parent c23c71eabf
commit a930a99a50
23 changed files with 2082 additions and 1186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
public/demo.json.conf
View File

@@ -48,33 +48,7 @@
"冷": "#1976D2", -- 冷蓝（冷色调）
"强": "#D32F2F", -- 强烈红（高饱和度）
"\u8f6f": "#FFE0B2" -- 柔和杏（低饱和度）
}
},
-- ========================================
-- 中心图标配置 (Center Icon Configuration)
-- ========================================
"centerIcon": {
"rIcon": 50, -- 图标半径，单位：像素
"opacity": 0.8, -- 图标透明度（0.0-1.0，0为完全透明，1为完全不透明）
"name": "centericon.svg" -- SVG图标文件名，路径固定为 /icons/ 目录
},
-- ========================================
-- 360度刻度环配置 (360 Degree Scale Ring)
-- ========================================
"degreeRing": {
"rInner": 450, -- 刻度环内半径
"rOuter": 500, -- 刻度环外半径
"showDegree": 1, -- 是否显示度数：0=不显示，1=显示（按 10° 间隔）
"mode": "both", -- 刻度线模式："inner"（在rInner外侧）、"outer"（在rOuter内侧）、"both"（两侧都有，度数居中）
"opacity": 0.3, -- 圆环透明度（0.0-1.0，设置为0可以只显示刻度而不显示圆圈）
"tickLength": 6, -- 刻度线长度，单位：像素, minorTick比majorTick短1px， microTick比minorTick短1px
"majorTick": 10, -- 主刻度间隔（度），如 10 表示每 10° 一个主刻度
"minorTick": 5, -- 次刻度间隔（度），如 2 表示每 2° 一个次刻度
"microTick": 1, -- 微刻度间隔（度），如 1 表示每 1° 一个微刻度
"tickColor": "#ffffff",-- 刻度线颜色
"ringColor": "#ffffff" -- 圆环颜色
},
},
-- ========================================
@@ -82,6 +56,17 @@
-- ========================================
-- 从内向外定义每一层的配置
"layers": [
-- ========================================
-- 中心图标层 (Center Icon Layer)
-- ========================================
{
"type": "centerIcon",
"centerIcon": {
"rIcon": 50, -- 图标半径，单位：像素
"opacity": 0.8, -- 图标透明度（0.0-1.0，0为完全透明，1为完全不透明）
"name": "centericon.svg" -- SVG图标文件名，路径固定为 /icons/ 目录
}
},
-- ========================================
-- 阴阳 (2等分)
-- ========================================
@@ -246,6 +231,26 @@
"num": 3, -- 连续着色3个扇区，每个区域跨3度
"interval": 2, -- 着色后间隔1个扇区
"groupSplit": false -- 新增：隐藏同组扇区之间的分割线, false表示不显示group中间分割线，该参数不设置，默认显示。
},
-- ========================================
-- 360度刻度环层 (360 Degree Scale Ring Layer)
-- ========================================
{
"type": "degreeRing",
"degreeRing": {
"rInner": 450, -- 刻度环内半径
"rOuter": 500, -- 刻度环外半径
"showDegree": 1, -- 是否显示度数：0=不显示，1=显示（按 10° 间隔）
"mode": "both", -- 刻度线模式："inner"（在rInner外侧）、"outer"（在rOuter内侧）、"both"（两侧都有，度数居中）
"opacity": 0.3, -- 圆环透明度（0.0-1.0，设置为0可以只显示刻度而不显示圆圈）
"tickLength": 6, -- 刻度线长度，单位：像素, minorTick比majorTick短1px， microTick比minorTick短1px
"majorTick": 10, -- 主刻度间隔（度），如 10 表示每 10° 一个主刻度
"minorTick": 5, -- 次刻度间隔（度），如 2 表示每 2° 一个次刻度
"microTick": 1, -- 微刻度间隔（度），如 1 表示每 1° 一个微刻度
"tickColor": "#ffffff",-- 刻度线颜色
"ringColor": "#ffffff" -- 圆环颜色
}
}
]
}
@@ -281,4 +286,3 @@
-- 示例：interval=0，表示该layer的所有扇区使用同样的colorRef
--
-- ========================================