UD5工具箱
专业术语解释与知识库
标尺（Ruler）
标尺是 Canvas 辅助线工具界面上用于创建参考线的度量工具。通常位于画布的顶部和左侧，标尺上标注了以像素为单位的刻度值。顶部标尺用于创建垂直参考线，左侧标尺用于创建水平参考线。标尺的刻度从 0 开始，对应画布的左上角原点。
参考线（Guide Line）
参考线是在画布上创建的辅助对齐线条，通常为水平或垂直方向的直线。参考线不会出现在最终导出的图像中，仅在设计过程中作为视觉参考。用户可以自由创建、移动和删除参考线，参考线是设计软件中最常用的对齐辅助工具之一。
像素（Pixel）
像素是数字图像的最小组成单元，也是 Canvas 辅助线工具中使用的默认度量单位。在标尺和光标位置显示中，所有坐标值均以像素为单位。像素级定位是指能够精确到单个像素的位置控制能力，这对于图标设计和UI设计尤为重要。
吸附功能（Snap）
吸附功能是 Canvas 辅助线工具提供的一种智能对齐辅助机制。当用户拖动参考线时，如果参考线与其他参考线或画布边界之间的距离在设定的阈值（默认为 5 像素）以内，参考线会自动移动到精确的对齐位置。吸附功能大幅降低了手动精确对齐的操作难度。
吸附阈值（Snap Threshold）
吸附阈值是指触发吸附效果的最大距离。在 Canvas 辅助线工具中，默认吸附阈值为 5 像素，即当参考线距离目标在 5 像素以内时会自动吸附。吸附阈值越小，吸附越精确但越难触发；阈值越大，越容易触发但可能导致意外吸附。
画布（Canvas）
画布是设计工作的主要区域，也是参考线所在的工作空间。在 Canvas 辅助线工具中，画布是一个 HTML5 Canvas 元素或类似的 DOM 容器，用户在其上方创建和管理参考线。画布的尺寸通常以像素为单位定义。
光标坐标（Cursor Coordinates）
光标坐标是鼠标指针在画布上的当前位置信息，通常表示为 (X, Y) 格式。X 值表示水平位置（从左到右），Y 值表示垂直位置（从上到下）。Canvas 辅助线工具实时显示光标坐标，帮助用户进行精确定位。
原点（Origin）
原点是坐标系的起始点。在 Canvas 辅助线工具中，原点默认位于画布的左上角，坐标值为 (0, 0)。水平方向向右 X 值增大，垂直方向向下 Y 值增大。
栅格（Grid）
栅格是画布上的网格线系统，由等间距的水平线和垂直线组成。栅格不同于参考线，它覆盖整个画布且间距固定。栅格和参考线经常配合使用，参考线用于标记特殊位置，栅格提供整体的度量参考。
对齐（Alignment）
对齐是指将设计元素按照参考线或其他基准进行精确放置的操作。Canvas 辅助线工具通过提供参考线和吸附功能，帮助用户实现像素级精确对齐。良好的对齐是专业设计的基本要求。
图层（Layer）
图层是设计软件中用于组织和管理设计元素的机制。在 Canvas 辅助线工具中，参考线可以看作一种特殊的辅助图层，它始终位于画布内容之上，不参与最终输出。多条参考线按照创建顺序叠加显示。
HTML5 Canvas
HTML5 Canvas 是 HTML5 标准中提供的一个可编程的位图区域，允许开发者使用 JavaScript 在网页上绘制图形。Canvas 辅助线工具名称中的 Canvas 指的就是这一技术，该工具利用 Canvas 或类似的 DOM 技术实现标尺和参考线的渲染与交互。
浏览器兼容性
浏览器兼容性是指工具或功能在不同浏览器中的支持情况。Canvas 辅助线工具基于现代 Web 技术构建，在主流浏览器如 Chrome、Firefox、Edge、Safari 中均可正常使用。建议使用最新版本的浏览器以获得最佳体验。