文字云生成器 - 基于Canvas的词云艺术
输入词汇和权重,生成美观的文字云图片,可自定义配色和螺旋布局。
UD5工具箱
输入词汇和权重,生成美观的文字云图片,可自定义配色和螺旋布局。
在两个不同形状的SVG路径间自动生成流畅的过渡变形动画SMIL代码。
在页面中手动触发 JS 错误、网络延迟、API 失败等,观察前端异常处理机制是否健全。
配置SVG路径的描边虚线偏移动画,生成引人注目的自绘线条特效代码。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
生成可平铺的细微颗粒、皱纸或帆布质感SVG滤镜,用于网页高级感。
添加二维点并选择核函数,直观展示SVM决策边界与支持向量,理解最大间隔分类原理。
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
输入文字,变为可由鼠标吸引或复原的粒子群,生成相应Canvas动画JS代码。
模拟动态区域更新,测试不同aria-live值(polite/assertive)对屏幕阅读器的影响。
选择不同的混合模式并调整背景与前景,实时查看混合效果,支持所有标准混合模式。
编写 Handlebars 模板并提供 JSON 数据,即时渲染结果,支持 helpers 自定义,纯前端执行。
生成网页加载时左右幕帘缓缓拉开的开幕式动画,自定义颜色和速度。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
实现观察者模式,添加被观察者和观察者,观察状态变化时的通知流程。
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
字母从极度模糊逐渐变清晰,尽早猜出正确单词获得高分。
在线将LAB色彩空间值与RGB/HEX进行转换,辅助印刷和设计校色。
将已有戒指放在屏幕上对照圆圈,或测量手指周长以确定戒指码数。
输入 Liquid 模板代码和 JSON 数据,实时查看输出,支持循环、过滤器等常用语法。
在线调节振幅、频率和层数,生成平滑的SVG波浪图形,直接复制代码或下载SVG。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
设定华容道开局(横刀立马等),点击自动求解,展示逐步移动过程。
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
粘贴SVG代码,将其转换为可复用的React组件,注意驼峰属性名和自闭合标签。
拖拽控制点自由绘制二次和三次贝塞尔曲线,导出为SVG path或Canvas绘图命令。
定义状态、字母表和转移规则,逐步执行图灵机,观察纸带内容变化。
模拟两个分支修改同一文件产生的冲突标记,在编辑器中手动解决并提交,学习冲突处理。
编辑用户名、头像、内容、点赞数等,生成逼真的假推文截图,用于演示或搞笑。
设置多个质点的质量和初始速度,模拟万有引力下的运动轨迹,观察三体问题等混沌现象。