Skip to content

Add PNG and JPEG tabs to SVG blocks in markdown-svg-renderer - #307

Merged
simonw merged 1 commit into
mainfrom
claude/markdown-svg-png-jpeg-tabs-479eox
Aug 6, 2026
Merged

Add PNG and JPEG tabs to SVG blocks in markdown-svg-renderer#307
simonw merged 1 commit into
mainfrom
claude/markdown-svg-png-jpeg-tabs-479eox

Conversation

@simonw

@simonw simonw commented Aug 6, 2026

Copy link
Copy Markdown
Owner

Modify markdown-svg-renderer.html - inspired by svg-render.html add two more tabs to the SVG viewing boxes - a PNG one and a JPEG one - these should show the SVG rendered to PNG or JPEG using the same approach as svg-render.html, generated only when the user switches to the relevant tab, at the same size as the SVG is displayed. It should include a "Download PNG" / "Download JPEG" button below each rendered image too.

Claude Fable 5 PR

Each SVG block now has PNG and JPEG tabs alongside Rendered and Code, using the same canvas-based rasterization approach as svg-render.html. The raster image is generated lazily on first visit to the tab, at the same size the SVG is displayed, and each tab includes a download button below the rendered image.

Claude-Session: https://claude.ai/code/session_0147BH7GPH1YGbJmiLUWxRww

Each SVG block now has PNG and JPEG tabs alongside Rendered and Code,
using the same canvas-based rasterization approach as svg-render.html.
The raster image is generated lazily on first visit to the tab, at the
same size the SVG is displayed, and each tab includes a download button
below the rendered image.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0147BH7GPH1YGbJmiLUWxRww
@claude

claude Bot commented Aug 6, 2026

Copy link
Copy Markdown
Contributor

Claude encountered an error —— View job


I'll analyze this and get back to you.

@simonw

simonw commented Aug 6, 2026

Copy link
Copy Markdown
Owner Author

Works great:

CleanShot 2026-08-05 at 17 51 27@2x

@simonw
simonw merged commit 6c35544 into main Aug 6, 2026
1 of 4 checks passed
@simonw
simonw deleted the claude/markdown-svg-png-jpeg-tabs-479eox branch August 6, 2026 00:52
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.

2 participants