Canvas本身不感知系统主题，但可通过闭包实时捕获响应式主题状态（如深色/浅色模式），在每次绘制时动态应用颜色、描边、阴影等样式，结合主题变更监听触发重绘，实现视觉自动适配。
Canvas 本身不感知系统主题，但可以通过闭包捕获的主题状态（如深色/浅色模式）动态控制绘图样式，实现视觉上的“自动适配”。关键不在 Canvas 渲染逻辑本身，而在于把主题变量作为闭包外的稳定引用，在每次绘制时读取并应用。
闭包中正确捕获主题状态
主题值需是响应式或可观察的（例如 SwiftUI 的 @Environment(\.colorScheme)、HarmonyOS 的 AppTheme、小程序的 getApp().globalData.theme），且必须在 Canvas 初始化闭包作用域内被访问，而非仅在首次渲染时快照。
- 错误写法：提前解构赋值，导致闭包捕获的是初始值
- 正确写法：在闭包内部直接读取主题变量，确保每次重绘都获取最新状态
- 示例（SwiftUI）：Canvas { context, size in
let isDark = colorScheme == .dark // 每次调用都实时判断
context.fill(Rectangle().path(in: CGRect(origin: .zero, size: size)),
with: .color(isDark ? .black : .white))
}
用主题状态驱动绘图参数
将颜色、描边粗细、文字阴影等绘图属性与主题绑定，避免硬编码。例如：
- 填充色、描边色使用语义色（如 labelColor、systemBackground）或条件色映射
- 深色模式下降低透明度以增强对比，浅色模式下适当提升亮度
- 图标类绘制可用 theme-aware 色值表统一管理，如：const palette = { dark: '#1e1e1e', light: '#f9f9f9' }
监听主题变更并触发重绘
仅靠闭包捕获还不够——需确保主题变化时 Canvas 主动刷新。不同平台方式不同：
- SwiftUI：Canvas 自动响应 @Environment 变化，无需额外操作
- HarmonyOS：监听 app.on('themeChange', callback)，调用 canvas 对象的 draw() 或触发父组件更新
- 小程序（ec-canvas）：在页面 onShow 或 globalData 监听器中调用 chart.setOption(option, true) 强制重绘
避免常见陷阱
主题适配失效往往源于隐式缓存或生命周期错位：
- 不要在 Canvas 外部预计算 themeColor 并传入闭包——它不会随主题更新而变
- Canvas 内部不应依赖全局单例状态，除非该单例明确支持发布-订阅机制
- 自定义 Canvas 组件若做 memoization（如 React.memo），需将 theme 作为 deps 显式传入
