flykhan
2536c937e3
翻译自英文原版 maths-cs-ai-compendium，共 20 章全部完成。 第01章 向量 | 第02章 矩阵 | 第03章 微积分 第04章 统计学 | 第05章 概率论 | 第06章 机器学习 第07章 计算语言学 | 第08章 计算机视觉 | 第09章 音频与语音 第10章 多模态学习 | 第11章 自主系统 | 第12章 图神经网络 第13章 计算与操作系统 | 第14章 数据结构与算法 第15章 生产级软件工程 | 第16章 SIMD与GPU编程 第17章 AI推理 | 第18章 ML系统设计 第19章 应用人工智能 | 第20章 前沿人工智能 翻译说明： - 所有数学公式 $...$ / $$...$$、代码块、图片引用完整保留 - mkdocs.yml 配置中文导航 + language: zh - README.md 已翻译为中文（兼 docs/index.md） - docs/ 目录包含指向各章文件的 symlink - 约 29,000 行中文内容，排除 .cache/ 构建缓存
52 lines
3.4 KiB
XML
52 lines
3.4 KiB
XML
<svg width="700" height="220" xmlns="http://www.w3.org/2000/svg">
|
|
<text x="350" y="22" fill="#333" font-size="14" font-weight="bold" text-anchor="middle">Sobel Edge Detection</text>
|
|
|
|
<!-- Original image -->
|
|
<text x="88" y="48" fill="#666" font-size="11" text-anchor="middle">Original</text>
|
|
<rect x="28" y="55" width="120" height="100" rx="4" fill="#ddd" stroke="#999" stroke-width="1.5"/>
|
|
<!-- Simulate a simple image: dark left, bright right -->
|
|
<rect x="32" y="59" width="56" height="92" fill="#555"/>
|
|
<rect x="88" y="59" width="56" height="92" fill="#ccc"/>
|
|
<!-- Diagonal edge -->
|
|
<polygon points="60,59 144,59 144,151 88,151" fill="#aaa"/>
|
|
|
|
<!-- Arrow -->
|
|
<text x="178" y="100" fill="#333" font-size="16" text-anchor="middle">→</text>
|
|
|
|
<!-- Gx: horizontal gradient -->
|
|
<text x="270" y="48" fill="#e74c3c" font-size="11" font-weight="bold" text-anchor="middle">G_x (horizontal)</text>
|
|
<rect x="210" y="55" width="120" height="100" rx="4" fill="#fff" stroke="#e74c3c" stroke-width="1.5"/>
|
|
<!-- Vertical edge shows as bright line -->
|
|
<rect x="214" y="59" width="30" height="92" fill="#e74c3c" opacity="0.05"/>
|
|
<rect x="244" y="59" width="20" height="92" fill="#e74c3c" opacity="0.1"/>
|
|
<rect x="264" y="59" width="8" height="92" fill="#e74c3c" opacity="0.6"/>
|
|
<rect x="272" y="59" width="20" height="92" fill="#e74c3c" opacity="0.1"/>
|
|
<rect x="292" y="59" width="34" height="92" fill="#e74c3c" opacity="0.05"/>
|
|
<text x="270" y="175" fill="#e74c3c" font-size="9" text-anchor="middle">Detects vertical edges</text>
|
|
|
|
<!-- Gy: vertical gradient -->
|
|
<text x="430" y="48" fill="#3498db" font-size="11" font-weight="bold" text-anchor="middle">G_y (vertical)</text>
|
|
<rect x="370" y="55" width="120" height="100" rx="4" fill="#fff" stroke="#3498db" stroke-width="1.5"/>
|
|
<!-- Horizontal features -->
|
|
<rect x="374" y="59" width="112" height="20" fill="#3498db" opacity="0.05"/>
|
|
<rect x="374" y="79" width="112" height="8" fill="#3498db" opacity="0.1"/>
|
|
<rect x="374" y="87" width="112" height="20" fill="#3498db" opacity="0.05"/>
|
|
<rect x="374" y="107" width="112" height="20" fill="#3498db" opacity="0.05"/>
|
|
<text x="430" y="175" fill="#3498db" font-size="9" text-anchor="middle">Detects horizontal edges</text>
|
|
|
|
<!-- Edge magnitude -->
|
|
<text x="600" y="48" fill="#27ae60" font-size="11" font-weight="bold" text-anchor="middle">|G| = √(Gx² + Gy²)</text>
|
|
<rect x="540" y="55" width="120" height="100" rx="4" fill="#fff" stroke="#27ae60" stroke-width="1.5"/>
|
|
<!-- Combined edge map -->
|
|
<rect x="544" y="59" width="30" height="92" fill="#000" opacity="0.02"/>
|
|
<rect x="574" y="59" width="6" height="92" fill="#27ae60" opacity="0.7"/>
|
|
<line x1="570" y1="59" x2="656" y2="151" stroke="#27ae60" stroke-width="3" opacity="0.5"/>
|
|
<rect x="624" y="59" width="32" height="92" fill="#000" opacity="0.02"/>
|
|
<text x="600" y="175" fill="#27ae60" font-size="9" text-anchor="middle">All edges combined</text>
|
|
|
|
<!-- Bottom: Sobel kernels -->
|
|
<rect x="100" y="190" width="200" height="24" rx="4" fill="#f5f5f5" stroke="#ccc" stroke-width="1"/>
|
|
<text x="200" y="207" fill="#e74c3c" font-size="9" text-anchor="middle">G_x: [[-1,0,1],[-2,0,2],[-1,0,1]]</text>
|
|
<rect x="400" y="190" width="200" height="24" rx="4" fill="#f5f5f5" stroke="#ccc" stroke-width="1"/>
|
|
<text x="500" y="207" fill="#3498db" font-size="9" text-anchor="middle">G_y: [[-1,-2,-1],[0,0,0],[1,2,1]]</text>
|
|
</svg> |
