图片精灵图手动生成器 - 上传多图合成并生成CSS
上传多张小图标,自定义排列间距,自动生成合并图片和对应的 background-position CSS。
UD5工具箱
navigator.clipboard.write() API,需HTTPS环境。paste 事件获取剪贴板数据,使用 event.clipboardData.items 遍历查找图片MIME类型,通过 getAsFile() 获取 Blob 对象。同时支持 HTML5 Drag & Drop API 处理拖拽,以及 FileReader API 处理文件选择。图片使用 URL.createObjectURL() 生成本地预览链接,全程在浏览器端完成。上传多张小图标,自定义排列间距,自动生成合并图片和对应的 background-position CSS。
选择源图(提供色调)和目标图,将源图的整体色彩风格迁移到目标图片上。
将 Markdown 标记转换为 Python 文档常用的 reStructuredText 格式,支持标题、代码块等。
将SVG代码或文件渲染为指定尺寸的PNG图片,支持透明背景,纯前端转换保证隐私。
上传两张图片,通过滑块左右拖动查看叠加差异,用于展示修图前后或滤镜效果。
通过可视化参数生成纯 CSS 的背景图案(斜条纹、圆点、方格等),实时调整颜色和尺寸。
加载 JSON 数据,生成带列排序、搜索过滤和前端分页的交互式表格。
提取文本中的唯一行、或删除重复行、或仅显示重复行,多模式整理。
记录鼠标移动轨迹作为手势,绑定到页面内操作(如刷新、返回),仅供演示。
通过调整锐化半径和强度,使用非锐度掩蔽技术让模糊的照片细节更清晰。
屏幕上散落一堆英文单词磁贴,拖拽拼成诗句,截图分享。
带有基本图层概念的在线画画工具,支持多种笔刷效果和透明度调节。
展示所有内置缓动函数(ease, linear 等)及自定义 cubic-bezier 的运动曲线和动画效果。
选择预设图案(条纹、棋盘、点阵),微调颜色和尺寸,输出background代码。
利用Unicode字符映射,将输入文本上下颠倒翻转显示,可直接复制到社交平台。
在触摸区域内滑动,实时检测方向(上/下/左/右)并记录距离和速度,用于交互调试。
通过半径和强度滑块模拟油画笔触效果,将照片转为生动的仿油画作品。
浏览数十种纯CSS实现的几何背景图案,一键复制代码。
自定义颜色和文本,生成Cookie同意提示栏HTML/CSS/JS代码,集成到网站。
将彩色照片转为黑白灰度,支持平均值、加权法等算法,调整亮度对比度,前端即时出图。
在多个浏览器标签页间通过Web Locks API协调共享资源的访问,展示锁机制。
分类浏览行为面试、技术面试等常见问题,附回答思路提示。
拍照或上传每日试纸结果,按时间排列,辅助判断排卵趋势。
生成当用户输入时占位符上浮变为标签的Material风格输入框HTML/CSS。
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
输入目标文字并上传代表图片,布局生成梦想板图片每日看。
上传图片,调节块大小,生成马赛克风格图片,可下载。
拖拽四角将斜拍的文档拉平为标准矩形,重采样为正对视角的文档图片。
将两张图片叠加,并应用屏幕、叠加等混合模式,创造艺术化双重曝光效果。