Skip to content

feat(mermaid): 添加图表缩放、拖拽和全屏功能#426

Merged
J3n5en merged 1 commit into
J3n5en:mainfrom
lwt-sadais:feat/mermaid-zoom-pan
Apr 17, 2026
Merged

feat(mermaid): 添加图表缩放、拖拽和全屏功能#426
J3n5en merged 1 commit into
J3n5en:mainfrom
lwt-sadais:feat/mermaid-zoom-pan

Conversation

@lwt-sadais

Copy link
Copy Markdown
Contributor

Summary

  • 为 Mermaid 图表添加缩放(鼠标滚轮/按钮)、拖拽平移和全屏查看功能
  • 非全屏模式下禁止滚轮缩放,避免与 MD 文档滚动冲突
  • 全屏模式自动 fitView,内容居中并适配视口(四周留 24px)
  • 双击图表快速进入全屏,支持点击背景/按钮退出
  • 全局禁用文字选中效果,移除最大放大倍数限制

Test plan

  • 打开包含 mermaid 图表的 Markdown 文件预览
  • 测试按钮缩放(+/-/重置)
  • 点击全屏按钮或双击图表进入全屏
  • 全屏模式下测试滚轮缩放和拖拽平移
  • 测试退出全屏(点击背景/关闭按钮/最小化按钮)
  • 验证图表切换时缩放和位置自动重置

- 添加缩放控制按钮(放大/缩小/重置)
- 全屏模式下支持鼠标滚轮缩放和拖拽平移
- 非全屏禁止滚轮缩放,避免与 MD 文档滚动冲突
- 双击图表进入全屏,自动 fitView 居中显示
- 禁用文字选中效果,移除最大放大倍数限制
@github-actions

Copy link
Copy Markdown
Contributor

Claude Code is working…

I'll analyze this and get back to you.

View job run

@J3n5en J3n5en merged commit 8eb1e94 into J3n5en:main Apr 17, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants