像素画编辑器 - 在线网格绘图与导出
在可缩放网格上逐点绘制像素艺术,支持调色板、橡皮擦和导出PNG。
UD5工具箱
x 为变量),例如 sin(x)、x^2、2*x+1。点击"添加函数"可同时绘制多条曲线,每条曲线有独立的颜色标识。使用鼠标拖拽可平移视图,滚轮可缩放。点击预设按钮可快速体验常见函数。sin(x) cos(x) tan(x) asin(x) acos(x) atan(x)sinh(x) cosh(x) tanh(x)exp(x) ln(x)(自然对数)log(x)(常用对数,底10)x^2(或 x**2)sqrt(x) cbrt(x)abs(x) 绝对值 floor(x) ceil(x) round(x) sign(x)pi(π≈3.14159)e(≈2.71828)
^ 符号表示幂运算,例如 x^2 表示x的平方,x^(1/2) 表示x的平方根。也可以使用 **(如 x**3)。支持隐式乘法,例如 2x 等同于 2*x,3sin(x) 等同于 3*sin(x)。tan(x) 在π/2处的渐近线)和无定义点(如 1/x 在x=0处)。当检测到函数值跳跃超过阈值时,曲线会自动断开,避免绘制错误的连接线。无定义区域(如 sqrt(x) 在x<0时)也不会显示曲线。在可缩放网格上逐点绘制像素艺术,支持调色板、橡皮擦和导出PNG。
自定义尺寸、背景色、文字,纯前端生成占位图,适用于原型设计和网页排版,无需依赖外部服务。
生成漂亮几何图案或文字占位图,指定尺寸,下载用于原型。
直接编写SVG代码并实时预览,或通过基本形状工具绘制矩形、圆形、路径,适合动态图形调试。
拖拽创建树形工作分解结构,清晰展示项目交付物与任务包,支持导出PNG/SVG,项目规划利器。
输入 GraphQL Schema SDL,生成交互式的关系图谱,展示类型、字段及关联。
选择基本形状(六边形、菱形等)和配色,无缝拼接生成SVG几何背景图案。
动画展示调用栈、宏任务和微任务的执行顺序,帮助理解JS异步机制。
加载本地视频,拖动时间轴选取帧,捕获该帧为PNG图片下载。
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
选择页眉、侧边栏、主体、页脚的网格布局,生成基本的布局骨架代码。
提供JSON Schema定义,自动生成符合约束的示例JSON数据,用于接口文档说明。
在字符网格上通过工具绘制猫、超人等各种图案,导出为.txt ASCII艺术。
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
编写或配置基础的CSS渐变、径向、锥形图案组合,生成美观的无缝重复背景代码。
为上传的照片添加可调节的三分线、斐波那契螺旋等构图辅助线。
输入URL或使用当前页,自动滚动并拼接为一张完整的长图。
在页面移动鼠标时显示十字参考线和像素距离,方便UI开发。
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
通过控件调整网格轨道、间距和对齐,实时展示效果及对应CSS代码,轻松掌握Grid。
逐帧在Canvas上绘制,预览连续播放效果,并可导出为GIF或WebM动画。
为应用的空白页(如无订单、无消息)生成带插画和文案的HTML/CSS占位组件。
使用html2canvas截取当前网页的完整内容(需粘贴HTML或演示),生成长图并下载。
粘贴 JSON 数组,自动生成带搜索、排序和分页功能的数据表格组件。
粘贴SVG代码,移除无用命名空间、注释与默认属性,减小文件体积,提升加载速度。
演示新的 CSS @scope 规则如何限定样式作用范围,对比传统 BEM 和 CSS Modules。
拖拽设计包含 Subgrid 的嵌套网格,直观展示子网格如何继承父网格轨道并进行独立调整,生成代码。
通过正方形面积拼图动画直观证明 a²+b²=c²,支持多种经典证明方法切换。
输入沿途关键点距离与海拔,自动生成剖面图并标注坡度等级,用于训练计划。
输入已知港口的当日高低潮时刻与潮高,自动绘制潮位曲线。