在线电子签名板 - Canvas手写签名导出
在Canvas上手写签名,支持调节笔刷粗细和颜色,将签名保存为透明PNG图片。
UD5工具箱
touch-action: none,绘画时不会触发页面滚动。
destination-out合成模式,会将像素真正擦除变为透明。画布下方有白色CSS背景,所以视觉上看起来是白色的。下载图片时,工具会自动在导出前合成白色背景图层,确保下载的PNG图片中擦除区域显示为纯白色,与屏幕上看到的一致。
在Canvas上手写签名,支持调节笔刷粗细和颜色,将签名保存为透明PNG图片。
粘贴 Mustache 模板与数据 JSON,所见即所得地渲染输出,支持节段和反转节段。
编写 lit-html 模板和数据,即时渲染结果,帮助学习 Lit 框架。
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
输入 PlantUML 文本,编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
展示 WebGPU 的网格和任务着色器如何代替传统顶点处理管线。
上传或搜索图片,自由排列、旋转、剪裁成灵感拼贴,适合设计师收集创意参考。
在Canvas上用鼠标涂抹刮开银色涂层,显示隐藏文字或图片,模拟刮刮乐。
提供模块图,编写 Rollup 插件并观察其对打包过程的影响。
输入想做的唇膏数量,根据推荐配比计算蜂蜡、植物油和精油的用量。
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
导入 Voiceflow 项目文件,在浏览器中模拟语音对话流程,调试交互逻辑。
通过调节参数实时生成大理石纹、木纹、云彩等程序化纹理,可导出平铺图片。
在Canvas画一个日常物品,内建简易识别尝试猜出画的是什么。
提供一个画布绘制一个人物,完成后依据简单维度给出趣味分析。
在网页画布上点击鼠标发射绚丽的粒子烟花,支持重力、拖尾和随机颜色,适合节日气氛。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
在Canvas上控制一条不断增长的蠕虫吃光点,撞墙或撞到自己则结束。
用鼠标像拿喷漆罐那样快速划过,产生飞溅和渐变效果,创作数字涂鸦。
配置鼠标移动时跟随的彩色拖尾粒子或图形,生成JS置入网站。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
输入文字,变为可由鼠标吸引或复原的粒子群,生成相应Canvas动画JS代码。
选择本地音频文件,解绘制完整的静态波形图,便于观察响度变化。
将图片减少到指定的颜色数量(如8色、16色),生成类似老式游戏画面。
上传纯色背景图片,选择要去除的背景颜色和容差,替换为透明或新背景。
生成简单数字或字母验证码图片,带干扰线和噪点,适合前端原型测试,不依赖服务端。
实现经典俄罗斯方块,旋转、移动、加速下落,满行消除计分,纯前端Canvas操控。
在Canvas上使用触摸绘制线条,检验设备的触摸点数量和压力感应支持,辅助调试。
拖动滑块或精确输入角度数值,对图片进行任意角度旋转,支持自动填充背景色裁剪。