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