Tinker
Tinker
Search tools...
⌘K
Code to Image
Create beautiful code screenshots with syntax highlighting and custom styling
Code
function createCodeImage() { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // Apply syntax highlighting const highlighted = hljs.highlightAuto(code); return { theme: 'dracula', language: 'javascript', beautiful: true }; }
Language
Theme
Background
Padding
Font Size: 14px
Title (optional)
Line Numbers
Window Controls
PNG
SVG
Copy
untitled.js
1
2
3
4
5
6
7
8
9
10
11
12
13