布局网格覆盖层 - 可拖调栅格参考线
在任意网页上投射可拖拽调整的栅格覆盖线,用来测量和对齐设计稿。
UD5工具箱
填写参数后点击计算
1.5倍适合预算有限或简约风格;2倍是标准选择,适合大多数家庭,褶皱自然美观;2.5倍更饱满豪华;3倍适合欧式古典风格,用料最多。褶皱倍数越高,窗帘立体感越强,遮光性也更好。
定高布(宽幅布):布料高度固定2.8米,按宽度方向购买。适合窗高不超过2.7米的窗户,计算简单,用料省。定宽布(窄幅布):布料宽度固定1.4米,需要多幅拼接,按高度方向购买。适合特殊花色或超高窗户。
对花是指有图案的布料在拼接时,需要上下调整使图案对齐。通常每幅增加一个花距(图案重复长度,常见16-64cm)的余量。对花损耗约占布料总量的8%-15%。素色布料无需对花。
宽幅布:总米数 ≈ 窗户宽度 × 褶皱倍数(+侧边折边)。窄幅布:先算需要几幅(窗宽×褶皱倍数÷幅宽,向上取整),再乘以每幅高度(窗高+上下折边+对花余量)。本工具自动完成这些计算。
上折边(帘头)通常留8-15cm,用于安装窗帘轨道或罗马杆。下折边通常留12-20cm,增加垂坠感和美观度。侧边折边每侧8-12cm。具体可根据窗帘款式和个人喜好调整。
对开(双片)是最常见的选择,两片窗帘从中间向两侧拉开,对称美观,适合大多数窗户。单开(单片)窗帘拉到一侧,适合窄窗或特定布局。对开窗帘每片覆盖窗户一半宽度,用料计算需分别考虑。
在任意网页上投射可拖拽调整的栅格覆盖线,用来测量和对齐设计稿。
在网格上放置不同颜色珠子设计图案,模拟编织效果并计算所需珠子数量。
在后台 Worker 中计算大范围内的质数,主线程实时绘制进度条,展示多线程优势。
选择编程语言和关注领域(安全、性能、可读性),生成定制化的代码审查核对表。
可拖拽的虚拟尺子和量角器叠于当前页面,精确测量像素长度与旋转角度。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
预览并调整撒花动画的速度、密度和形状,生成一键调用撒花的JS函数代码片段。
在 HTML5 Canvas 上叠加可拖拽的辅助线和标尺,帮助精确绘制和布局。
基于Bcrypt算法的密码安全哈希,可调节工作因子,适合存储用户密码时的单向加密演示。
实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码,一键嵌入网站。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
在线生成可折叠的手风琴面板,自定义标题、内容与图标,支持纯CSS或简单JS切换。
创建聚餐活动,参与者认领菜品类别(主食、甜点等),避免重复,自动生成采购建议。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
输入最小项,生成卡诺图并自动圈出质蕴含项,得到最简逻辑表达式。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
拖拽滑块调整背景模糊度、透明度与边框发光,实时预览毛玻璃面板并复制CSS代码。
输入账单金额,滑动满意滑条(10%-25%),显示小费与总金额。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
拖放 lcov.info 文件,以颜色标示每行代码的覆盖状态。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
在可缩放网格上选区颜色绘制像素图,支持多帧预览简单动画。
配置滚动容器与目标元素,自定义随滚动触发的关键帧动画,输出纯CSS代码。
输入冰箱里剩余的几种食材,推荐可能的简单料理,减少浪费。
在主线程和Worker中分别计算大斐波那契数,对比界面的响应度。
输入网站 URL,提取所有 favicon 声明并模拟不同分辨率下的渲染效果。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。