UD5工具箱
使用教程与操作指南
本教程将详细介绍 Canvas 辅助线工具的使用方法，帮助您从入门到熟练掌握各项功能。
第一步：了解界面布局
打开 Canvas 辅助线工具后，您会看到界面上方和左侧分别有一条标尺。上方标尺用于创建垂直参考线，左侧标尺用于创建水平参考线。中间区域是画布工作区，所有参考线都在这里显示和管理。界面上方或下方还有工具栏，提供清除、设置等功能按钮。
第二步：创建第一条参考线
将鼠标移动到顶部标尺区域，按住鼠标左键并向下拖动。您会看到一条垂直的参考线跟随鼠标移动。将参考线拖动到画布上您需要的位置后松开鼠标，参考线即被固定在该位置。用同样的方法，从左侧标尺向右拖动可以创建水平参考线。
第三步：移动参考线
如果需要调整参考线的位置，将鼠标悬停在已创建的参考线上，当光标变为移动状态时按住鼠标左键并拖动。参考线会跟随鼠标移动，松开鼠标后固定在新位置。如果吸附功能处于开启状态，参考线在靠近其他参考线时会自动吸附对齐。
第四步：删除单条参考线
对于不再需要的参考线，将鼠标移动到该参考线上并双击，参考线将立即被删除。也可以将参考线拖回标尺区域来删除它。
第五步：清除所有参考线
当需要重新开始布局设计时，可以点击工具栏上的"清除全部"按钮，一键移除画布上的所有参考线。
第六步：使用吸附功能
确保吸附功能已开启（通常在工具栏或设置中有开关）。当您拖动参考线时，如果距离其他参考线在 5 像素以内，参考线会自动吸附到目标位置。这在需要参考线精确对齐时非常有用。
第七步：自定义参考线颜色
在设置面板中找到颜色选择器，选择您喜欢的参考线颜色。深色背景建议使用浅色参考线（如黄色、白色），浅色背景建议使用深色参考线（如红色、蓝色）。
第八步：上传背景图片
如果您需要在特定的设计素材上进行参考线定位，点击"上传图片"按钮选择本地图片文件。图片会自动加载到画布背景中，您可以在图片上方自由创建和调整参考线。
第九步：查看光标位置
在画布区域移动鼠标时，注意观察界面上显示的光标坐标信息。X 值表示鼠标距离画布左边缘的水平距离，Y 值表示距离画布上边缘的垂直距离，单位均为像素。
进阶技巧
在实际使用中，建议先根据设计稿的整体布局创建几条关键参考线，确定页面的主要分区和对齐基准。然后在此基础上逐步细化参考线的位置。利用吸附功能可以确保参考线之间的间距均匀。参考线颜色应与设计稿主色调形成对比，确保良好的可视性。对于复杂的设计项目，可以通过参考线计数功能控制参考线数量，避免过多的参考线影响视觉判断。