Move SVG diagrams to separate files for GitHub rendering
Inline SVGs are stripped by GitHub's markdown sanitizer. Moved all 11 diagrams to docs/diagrams/*.svg and referenced them with <img> tags. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
33
docs/diagrams/keyframe.svg
Normal file
33
docs/diagrams/keyframe.svg
Normal file
@@ -0,0 +1,33 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 100" style="max-width:600px">
|
||||
<text y="12" font-size="10" font-family="sans-serif" fill="#888">Example: 4 keyframes, target_frames=81, positions auto-spread to 0, 27, 53, 80</text>
|
||||
<text y="30" font-size="11" font-family="sans-serif" fill="#888">mask</text>
|
||||
<rect x="0" y="36" width="30" height="26" rx="4" fill="#222"/>
|
||||
<text x="15" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
|
||||
<rect x="30" y="36" width="150" height="26" rx="4" fill="#fff" stroke="#ccc"/>
|
||||
<text x="105" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#333">W × 26</text>
|
||||
<rect x="180" y="36" width="30" height="26" rx="4" fill="#222"/>
|
||||
<text x="195" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
|
||||
<rect x="210" y="36" width="140" height="26" rx="4" fill="#fff" stroke="#ccc"/>
|
||||
<text x="280" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#333">W × 25</text>
|
||||
<rect x="350" y="36" width="30" height="26" rx="4" fill="#222"/>
|
||||
<text x="365" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
|
||||
<rect x="380" y="36" width="150" height="26" rx="4" fill="#fff" stroke="#ccc"/>
|
||||
<text x="455" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#333">W × 26</text>
|
||||
<rect x="530" y="36" width="30" height="26" rx="4" fill="#222"/>
|
||||
<text x="545" y="53" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">B</text>
|
||||
<text y="78" font-size="11" font-family="sans-serif" fill="#888">control_frames</text>
|
||||
<rect x="0" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
|
||||
<text x="15" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k0</text>
|
||||
<rect x="30" y="84" width="150" height="26" rx="4" fill="#999"/>
|
||||
<text x="105" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">GREY</text>
|
||||
<rect x="180" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
|
||||
<text x="195" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k1</text>
|
||||
<rect x="210" y="84" width="140" height="26" rx="4" fill="#999"/>
|
||||
<text x="280" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">GREY</text>
|
||||
<rect x="350" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
|
||||
<text x="365" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k2</text>
|
||||
<rect x="380" y="84" width="150" height="26" rx="4" fill="#999"/>
|
||||
<text x="455" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">GREY</text>
|
||||
<rect x="530" y="84" width="30" height="26" rx="4" fill="#4a9ebb"/>
|
||||
<text x="545" y="101" text-anchor="middle" font-size="10" font-family="sans-serif" fill="#fff">k3</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
Reference in New Issue
Block a user