在线尺子 (Online Ruler)

1:1 精确屏幕尺子，支持物理校准，提供厘米与英寸测量。

📏 在线尺子 (Online Ruler): 1:1 精确屏幕测量与物理校准工具 —— 一款轻量级、高精度的专业浏览器插件，将您的屏幕变为真实的物理尺子与量角器。 ----------------------------------- 在屏幕上测量物体时，是否总因为分辨率和缩放比例不同而无法得到准确数值？“在线尺子”专为解决这一痛点设计。通过独有的物理校准技术，它能根据您显示器的实际 PPI (每英寸像素) 动态渲染 1:1 的精确刻度，无论在网页还是独立窗口中，都能为您提供实物级别的测量参考。 无论您是设计师、工程师，还是需要测量屏幕小物体的普通用户，这款插件都能为您提供最直观、最可靠的数字化度量衡。 🎉 v2.1.0 更新：三点式动态量角器上线 ----------------------------------- 本次更新进一步增强网页角度测量能力，新增更适合实际对齐场景的三点式动态量角器： ✨ 三点式动态量角器：在当前网页添加一个由顶点和两个端点组成的角度测量工具，通过三点快速对齐任意夹角。 ✨ 实时角度计算：拖动任意端点时，自动计算并显示两臂张角，单位为度 (°)，支持 0°-360° 测量。 ✨ 动态延长测量臂：两条测量臂可随端点拖动持续延长，适配更大的网页元素、图片边缘或设计稿斜线。 ✨ 半透明扇形区域：两臂之间自动显示半透明扇形区域，帮助直观看清当前测量范围，并支持单独调节扇形透明度。 ✨ 独立臂角度吸附：每条臂接近 0°、45°、90° 等 45° 整数倍方向时自动吸附，方便快速对齐常见斜线与正交方向。 ✨ 颜色与中心点对齐：三点式量角器支持多色切换，顶点采用透明空心圈与明确中心点设计，便于精准贴合要测量的位置。 🌟 核心功能 (Core Features) ----------------------------------- ✨ 物理级别校准 (Physical Calibration)： 通过信用卡、A4纸或硬币等标准实物进行对齐校准，自动计算屏幕精准 PPI。支持 +/- 按钮进行 1 像素级的微调。 📏 三大测量工具： 屏幕尺子：支持公制与英制刻度，可在页面中测量长度、间距与元素尺寸。 标准量角器：支持在任意网页添加半透明量角器，基于 PPI 校准数据渲染真实物理尺寸，可 360° 自由旋转。 三点式动态量角器：通过一个顶点和两个动态端点测量任意夹角，支持实时角度显示、测量臂延长、半透明扇形区域、颜色切换与扇形透明度调节。 🧩 多工具并存： 支持在同一页面添加多把尺子、标准量角器或三点式动态量角器，满足复杂的对比测量与几何定位需求。 📏 双模式测量： 独立窗口模式：打开一个干净、置顶的尺子窗口，支持自由缩放和横竖切换。 页面注入模式 (Overlay)：在任意网页上浮动显示尺子或量角器，支持透明度调节。 🔄 旋转、吸附与角度对齐： 摆脱横竖限制，通过旋转手柄实时调整角度。尺子与标准量角器支持 45°/90° 等关键角度吸附，并提供实时数值显示。 三点式量角器的每条臂也支持按 45° 整数倍方向独立吸附，便于快速对齐网页中的水平、垂直与斜向边缘。 🔄 尺子零点偏移与归零 (Zero Offset)： 模拟实体尺子的前端保护端，允许设置自定义起始空白（mm）。提供一键“归零”功能，快速恢复基准测量。 🎨 材质、颜色与透明度： 尺子支持木质、塑料、金属等多种材质。使用 SVG 动态纹理滤镜生成，兼顾专业感与阅读舒适度。塑料材质支持多种颜色切换。 量角器与三点式量角器支持多种半透明颜色方案，确保在不同网页背景下都清晰可见。 三点式量角器支持单独调节扇形区域透明度，线条、端点与中心点保持清晰。 📏 全能刻度支持： 公制：厘米 (CM) 与 毫米 (MM) 刻度。 英制：英寸 (Inch)，细分至 1/16 英寸的高精度刻度。 🔄 自由交互逻辑： 全边缘缩放：在注入模式下，拖拽尺子末端的任何位置即可调整长度。 实时同步：Popup 设置、材质/颜色切换、偏移量等改动会即时应用。 💾 隐私与本地存储： 所有校准数据（PPI、单位偏好、偏移量）均保存在本地浏览器中，不上传任何数据。 📖 使用说明 (Instructions) ----------------------------------- 1. 首次使用：点击插件图标，进入“校准模式”。 2. 对齐校准：选择一个参考物（如信用卡），将实物贴在屏幕上，调整滑块使屏幕红框与实物完全重合。 3. 开始测量：点击“在当前页添加尺子”“添加量角器”或“三点式动态量角器”开始使用。 4. 切换样式：点击尺子/量角器工具栏上的图标，可快速切换材质、颜色或调整透明度。 5. 调整位置与角度：拖拽主体移动位置，拖拽旋转手柄调整尺子/标准量角器角度；拖动三点式量角器的顶点或端点对齐夹角。 🎨 设计理念 (Design Philosophy) ----------------------------------- 精确至上：基于 pixelsPerMm = ppi / 25.4 的严谨数学换算，确保 1:1 还原。 工具箱思维：通过尺子与量角器的组合，解决网页 UI 调试、工程图纸校对等多种场景。 触达即用：全边缘拖拽抓手、透明顶点中心点与角度吸附设计，将对齐与测量阻力降至最低。 🗺️ 路线图 (Roadmap) ----------------------------------- 辅助参考线：增加可选十字线、网格线或元素边缘吸附，方便对比高度与角度。 更多校准物：支持 A5 纸、常见手机屏幕尺寸等更多参考标准。 标注功能：允许在测量位置添加简单的文字或线条标注。 💬 反馈与建议 ----------------------------------- 专为对精度有极致要求的用户打造！如果您有更好的点子或遇到任何问题，请随时联系我们。您的反馈是我们不断优化的动力。 精准测量，触手可及！🚀