前端工具集 · Front-end tools & experiments
Professional display color calibration tool for accurate color testing and monitor calibration. Test your monitor's color accuracy with our comprehensive color calibration tool.
/colorCalibration/Explore and debug various fonts with our free online tool. Easily clip fonts, draw baselines, and compare font metrics like size and spacing. Perfect for designers and developers.
/font/A powerful tool for generating custom CSS gradients. Easily create, edit, and preview linear and radial gradients with our intuitive interface. Experiment with color stops, angles, and more to design the perfect gradient for your project.
/gradient/A powerful online tool for rendering Markdown formatted resumes. Easily create, customize, and print your professional resume with Markdown syntax. 简洁高效，轻松生成简历。
/markdown/Explore and preview 3D models in various formats including FBX, STL, GLTF, and GLB. Experience high-quality 3D visualization with our user-friendly interface.
/modelAnimation/Explore and analyze image EXIF metadata and geolocation data with our comprehensive tool. Discover hidden information within your photos.
/photo/摄影助手是一款专业的照片分析工具，帮助摄影师统计和分析照片的焦距分布和光圈分布，提升摄影技巧和作品质量。
/photographer/文本与文件的 Base64 编码 / 解码转换工具。
/base64/WebGL 全屏 shader 渲染管线测试页面。
/baseGlRenderTest/WebGL shader 实时渲染的体积云效果 demo。
/cloud/WebGL 帧缓冲（FBO）离屏渲染测试 demo。
/fboTest/基于 ffmpeg.wasm，在浏览器内运行 ffmpeg 命令处理音视频文件。
/ffmpeg/用自定义字段描述脚本解析二进制文件结构，内置 wxapkg / glb 预设。
/fileParser/通过语法描述定义二进制格式并解析文件内容的实验工具（ANTLR）。
/fileParser2/Canvas 程序化生成并渲染花朵动画的实验页面。
/flower/WebGL 月球光照渲染 demo。
/moon/读取并可视化设备陀螺仪 / 方向传感器数据的 demo。
/orientation/WebGL 全景图片查看器 demo。
/panorama/输入文本或链接，即时生成二维码图片的工具。
/qrcode/WebGL shader 模拟玻璃上的雨天水滴效果 demo。
/rain/导入简谱 JSON（和弦 + 简谱 + 歌词），合成播放、光标跟随、自动滚动，支持变速、移调、吉他指法图。
/scorePlayer/WebGL shader 波浪效果 demo。
/wave/