svg-illustration
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseSVG Illustration Entry
SVG图表入门
Overview
概述
Thin entry skill for SVG diagrams. Core principle: go straight to SVG rules and patterns rather than scanning slide authoring or color modules.
这是针对SVG图表的轻量入门技能。核心原则：直接学习SVG规则和模式，而非浏览幻灯片制作或色彩模块内容。
When to Use
使用场景
- Creating slide-ready SVG diagrams or illustrations
- Choosing SVG sizing, spacing, and embedding rules
- Troubleshooting SVG export/embedding issues
- 创建可用于幻灯片的SVG图表或插图
- 选择SVG的尺寸、间距和嵌入规则
- 排查SVG导出/嵌入问题
Quick Reference
快速参考
| Goal | Read |
|---|---|
| Core rules | references/core-rules.md |
| Pattern examples | references/pattern-examples.md |
| Embedding in slides | references/embedding.md |
| Troubleshooting | references/troubleshooting.md |
| 目标 | 阅读内容 |
|---|---|
| 核心规则 | references/core-rules.md |
| 模式示例 | references/pattern-examples.md |
| 幻灯片嵌入 | references/embedding.md |
| 问题排查 | references/troubleshooting.md |
Example
示例
Prompt: "Need an architecture diagram with clean sizing." → Read , then .
core-rules.mdpattern-examples.md提示："需要一个尺寸规范的架构图。" → 先阅读，再阅读。
core-rules.mdpattern-examples.mdAssets
资源
- - SVG diagram examples
assets/examples/
- - SVG图表示例
assets/examples/
Common Mistakes
常见误区
- Reading Marp authoring before SVG rules when only diagrams are needed
- Skimming slide-creator overview instead of SVG references
- 当仅需制作图表时，先阅读Marp制作内容而非SVG规则
- 略读幻灯片制作概述而非SVG参考资料
Red Flags
注意警示
- "Maybe SVG rules are buried in authoring"
- "I'll just skim everything"
- "SVG规则可能隐藏在制作内容中"
- "我直接略读所有内容就行"