把代码粘到下面,选好主题和样式,右侧 Canvas 会逐行绘制等宽代码并做基础语法高亮(关键字 / 字符串 / 注释 / 数字分色),满意后导出 PNG。一切都在本机完成。
图片用浏览器原生 <canvas> 逐行绘制,字体调用系统等宽字体(Consolas / Menlo 等),不联网、不上传代码。
语法高亮为轻量正则实现:按 注释 → 字符串 → 数字 → 关键字 的顺序匹配分色,足够截图分享使用;复杂语法(模板嵌套、多行注释嵌套)可能不会完美着色。导出时按 devicePixelRatio 放大,保证 PNG 清晰。