first commit

todolist.md

@@ -0,0 +1,84 @@
+
+## Json文件配置
+1. 扇区背景色着色原则：
+   最高优先级，在layer中指定colorRef
+   第二优先级：colorRef规律填色，也就是说，如果同一个sector中指定了colorRef，该sector也指定了layer级别的colorRef，以前者为准，innerFill使用相同规则。
+   参数：
+      innerfill对着色区域生效
+      start表示着色起始扇区
+      num表示连接几个单元着色
+      interval表示中间间隔几个单元
+         比如start=2,num=3,interval=1,意思是从第二个扇区开始着色，对2、3、4扇区着色colorref，5扇区全局背景，6、7、8着色colorref…… 
+
+    -- ========================================
+    -- 第4层：地支 (12等分)
+    -- ========================================
+    -- 演示：规律填色 - 3个着色，1个间隔
+    -- 着色规律：start=2, num=3, interval=1
+    -- 效果：扇区2-4着色，5空白，6-8着色，9空白，10-12着色，1空白
+    ”layers“:
+    {
+        {
+          "divisions": 12,
+          "rInner": 160,
+          "rOuter": 200,
+          "innerFill": 1,      -- 着色区域的内缩设置
+          "colorRef": "土",    -- 着色使用的颜色引用
+          "start": 2,          -- 从第2个扇区开始着色（1-based索引）
+          "num": 3,            -- 连续着色3个扇区
+          "interval": 1,       -- 着色后间隔1个扇区
+          "sectors": [
+            { "content": "子", "colorRef": "水", "innerFill": 1 },  -- 高优先级着色：水
+            { "content": "丑" },
+            { "content": "寅", "colorRef": "木", "innerFill": 0 },  -- 高优先级着色：木
+            { "content": "卯", "colorRef": "木", "innerFill": 1 },  -- 高优先级着色：木
+            { "content": "辰" },
+            { "content": "巳", "colorRef": "火", "innerFill": 1 },  -- 高优先级着色：火
+            { "content": "午", "colorRef": "火", "innerFill": 0 },  -- 高优先级着色：火
+            { "content": "未", "innerFill": 1 },
+            { "content": "申", "colorRef": "金", "innerFill": 0 },  -- 高优先级着色：金
+            { "content": "酉", "colorRef": "金", "innerFill": 1 },  -- 高优先级着色：金
+            { "content": "戌" },
+            { "content": "亥", "innerFill": 0 }
+          ]
+        }
+    }
+
+2. 中心icon配置参数
+   rIcon -- 半径
+   opacity -- 圆的透明度
+   name -- icon文件名svg，路径固定
+
+  -- ========================================
+  -- 中心图标配置 (Center Icon Configuration)
+  -- ========================================
+  "centerIcon": {
+    "rIcon": 50,           -- 图标半径，单位：像素
+    "opacity": 0.8,        -- 图标透明度（0.0-1.0，0为完全透明，1为完全不透明）
+    "name": "taiji.svg"    -- SVG图标文件名，路径固定为 /icons/ 目录
+  }
+
+3. 360度刻度环配置参数：
+   rinner
+   router
+   showDegree -- 是否显示度数，0不限时，1显示，如显示按10度间隔显示
+   mode -- inner（表示刻度线在rinner的外部），outter（表示刻度线在routter的内部），both（两边都标注，度数（如有）居于中间）
+   opacity -- 圆的透明度，目的是有时候只需要显示刻度，而不用显示圆圈
+
+  -- ========================================
+  -- 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" -- 圆环颜色
+  }
+