谷歌搜“在线尺子”，前三个没一个靠谱的，这不坑人吗 🤣
话说，技术上很难实现吗？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 686 days ago, the information mentioned may be changed or developed.
 |
1
技术上确实很难实现
|
9 |
busterianDec 25, 2024 via Android
2
手机用 cpu x 的尺子
|
 |
sillydaddyDec 25, 2024 via Android
3
我好像发现了一个商机，这就去学前端准备做一把在线尺子。名字扔给 ChatGPT 去取。
|
 |
4
你尝试缩放网页，如果尺子的实际大小能保持不变还靠谱点
|
 |
5
很难，因为必须要精确的知道 DPI ，精度越高才能越准确，电子尺只能在精度要求不高的情况下参考一下。精确测量只能用物理尺或者激光测距。
|
 |
yh7gdiaYWDec 25, 2024
6
手机上倒是有比较准的 app ，小米商店有个"尺子"
|
 |
7
技术上很难，想象一下，你的笔记本电脑上显示的 1cm 与投影仪上的 1cm 。网站怎么知道你用的是什么屏幕。
|
 |
webpan94Dec 25, 2024
8
难不难你尝试去实现一下就知道了，那是真的困难。。
|
 |
loadingDec 25, 2024
9
在 apple 的设备上会简单，因为无论是 iphone 还是 mac 硬件是定死的。
|
 |
elfiveDec 25, 2024 via iPhone
10
@CodeAllen 除了 DPI 外，还有显示误差。像素是一颗一颗，离散的，而且大多数以英寸为单位，换算到毫米厘米上，就可能会有一个像素的误差。
|
 |
luckyrayyyDec 25, 2024
12
浏览器怎么获取你显示器的物理尺寸...
|
 |
zbowen66Dec 25, 2024 via iPhone
14
不太可能实现，除非知道屏幕的物理尺寸。这个数据也许只有从显示器名字里获取个大概
|
 |
Rust2015Dec 25, 2024
17
我一般用像素大厨，当然它是用来 Layout 的，但是不碍事
|
 |
codehzDec 25, 2024
18
@zzbd 手机主流屏幕尺寸就那么几种，限定到品牌就更少了，就算系统不提供精确 dpi 值也可以查询一下型号算出来（
电脑显示器尺寸千奇百怪，根本不可能有一个预设，而 windows 系统给的默认 dpi 数值也只是一个厂商填写任意数值（而且只能在几个数字里选，几乎没有可能对上），跟实际像素密度可以没有任何联系... |
 |
flynajDec 25, 2024
19
其实简单，FastStone Capture 的做法就是让你输入 dpi 或者屏幕尺寸。然后尺子就是对的了。网页不缩放的话一样的原理。
|
 |
20
你可以用 pdf 阅读器的 100% A4 纸去比一下大小将就一下
|
 |
bigtearDec 25, 2024
21
技术上很难实现吗？是的
|
|
bigtearDec 25, 2024
22
你可以拿你的手机当尺子
|
 |
23
图一的直接告诉你你要自己算每英寸像素数的。。。
你不算 图二告诉你这个得打印了用的。。。 你不打 图三实际上是作者踩坑踩的少了，1px 误差的问题。。。 某种意义上这三个站都有实际功效。。。 只是可惜 op 不读说明书。。。 |
 |
ggabcDec 25, 2024 via Android
24
你都选择用在线的了，精度就不是你考虑的了
|
 |
CheonsDec 25, 2024 via Android
26
虽然但是
物理尺子本身是否标准也是个问题😂 |
 |
MossFoxDec 26, 2024
27
浏览器获取不到屏幕尺寸或者设备型号。这种只有原生应用才可以做到。
不是技术上实现很难，是不可能。除非和部分安卓环境一样浏览器 User-Agent 带一下设备型号，这样还能反查一下数据库来拿屏幕尺寸。 可以看下这里的说明，顺便量一下页面的例子和物理尺寸是不是也有偏移： https://www.w3.org/Style/Examples/007/units.zh_CN.html |
 |
hefishDec 26, 2024
28
要实现一点都不难，只要 v2 上发个帖就行。
|
 |
PPPaulDec 26, 2024
29
我都是找张 a4 纸校准后用
|
 |
v1Dec 26, 2024
30
我 18cm ，直接让美女掏出来比较
|
 |
KoreaFishDec 26, 2024 via iPhone
31
不是有一個自帶 app 叫測距儀嗎？
|
 |
weijanccDec 26, 2024
32
iPhone 自带测距仪, 很牛逼很好用
|
 |
33
糊了一个，手头没有尺子，用身份证试了，感觉还可以啊
data:text/html;base64,PGJvZHk+d2lkdGggPGlucHV0IGlkPSJ3aWR0aCIgdmFsdWU9Ijg1LjYwIiBwbGFjZWhvbGRlcj0iODUuNjAiPm1tLCB5b3VyIHNjcmVlbiBzaXplIDxpbnB1dCBpZD0iaW5jaCIgdmFsdWU9IjE0IiBwbGFjZWhvbGRlcj0iMTQiPmluY2hlcwo8ZGl2IGlkPSJib3giIHN0eWxlPSJ3aWR0aDogNDIuNDQ3NnB4OyBtYXJnaW46IDQyLjQ0NzZweDsgaGVpZ2h0OiA0Mi40NDc2cHg7Ij48c3R5bGU+ZGl2IHsKIGJveC1zaGFkb3c6IDAgMCAxMHB4ICMwMDA7Cn08L3N0eWxlPjxzY3JpcHQ+bGV0IGYgPSAoKT0+IHsKICBtbSA9ICgpID0+ICgoc2NyZWVuLndpZHRoKioyICsgc2NyZWVuLmhlaWdodCoqMikqKjAuNSkvKGluY2gudmFsdWUqMjUuNCk7CiAgYm94LnN0eWxlLndpZHRoID0gIHdpZHRoLnZhbHVlICogbW0oKSArICdweCc7CiAgYm94LnN0eWxlLmhlaWdodCA9IGJveC5zdHlsZS5tYXJnaW4gPSAxMCAqIG1tKCkgKyAncHgnOwp9CmluY2gub25jaGFuZ2U9ZjsKd2lkdGgub25jaGFuZ2U9ZjsKYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgZik7CmYoKTsKPC9zY3JpcHQ+PC9kaXY+PC9ib2R5Pg== |
 |
35
我就一个问题
我的显示器是个投影仪 请 OP 帮我实现这个尺子 |
 |
ShilionDec 26, 2024
36
An opensource app for Android comes with ruler, compass, etc. https://github.com/FoedusProgramme/Omni
|
 |
k9982874Dec 26, 2024 via Android
37
建议每个显示器制造商以后在生产显示器时边框内嵌一把尺子
|
 |
ltmstDec 26, 2024
38
这个需求让我想起来之前用的 iphone 8 屏幕可以当秤来用，当时我测了一下还挺准的
|
 |
luckycDec 26, 2024
39
用 iPhone 自带的测距仪试试, 还可以, 误差+-1cm 吧
|
 |
IMZQZDec 26, 2024
40
有没有想过一个问题 是你手上拿着的尺子不准。。。
就像 pdd 你买 3 个一样的尺子 说不定 3 个尺寸都不一样 |
 |
adimnDec 26, 2024
41
@luckyrayyy #12 当然是让用户自己输入呀
|
 |
yhxxDec 26, 2024
43
人家写的那么清楚让你填一下显示器尺寸和宽高比分辨率之类的，你就是不肯。。。
|
 |
lyxxxh2Dec 26, 2024
44
 [https://learnku.com/articles/66839](css 的单位与物理距离单位之间的换算) 之前研究过,挺容易的啊。 获取设备分辨率就行, js 也有接口。 ```js console.log(screen.width * window.devicePixelRatio) ``` |
 |
8UbNRbE5c9tvj2Dec 26, 2024
45
@Shilion 这个 app 中的功能 网页版能实现几个呀？
|
 |
meteora0tkvoDec 26, 2024
46
受制于浏览器和设备屏幕的兼容性问题，这种很难实现精准的
|
 |
dingdangnaoDec 26, 2024
47
我想到一个点子，在页面上放一个身份证/银行卡的框框，让用户用自己的卡片对准，调节网页缩放比例
是不是完美解决了？ |
 |
48
@loading 但都支持外接各种屏幕、还要考虑‘投屏“等需求
|
 |
XiDec 26, 2024
49
变数太多，很难实现，例如显示器尺寸、分辨率、浏览器等等，很难做到统一
|
 |
50
|
 |
starrysDec 26, 2024
51
|
 |
saranzDec 26, 2024
52
度量衡你用在线也是神奇，临时的大概性用一下都是勉强。
|
 |
YanlongliDec 26, 2024
53
基于特定显示器的会精准一些，不同显示器就不行了，比如显示器的尺寸说 32 也可能 32.5 、31.5
|
 |
gogogo2000Dec 26, 2024
54
|
 |
crc8Dec 26, 2024
55
这个问题相当于你要在现实中证明几何学的勾股定理。
|
 |
jhdxrDec 26, 2024
56
|
 |
www5070504Dec 26, 2024
57
这需求跟以前那个根据用户手机壳颜色换主题一样
|
 |
EVANGELIONAirDec 26, 2024
58
显示屏像素数（ Pixel ）= DPI × 实际尺寸（ inch ）
那么只要知道 DPI ，然后绘制对应像素数，那就不可能画错尺子 然而问题在于你不知道用户侧的像素数和 DPI 情况，比如，你怎么敢假定用户的显示器就是正交像素排列的？再比如，用户提供的 DPI 你确定是对的？ |
 |
jfjiefanDec 26, 2024
59
好奇，在线尺子的使用场景是什么？
|
 |
HashV2Dec 26, 2024
60
你首先要知道显示屏的物理尺寸以及像素数才能去做，手机官方 app 是比较方便去实现的，显示器这个就有点麻烦
|
 |
particlecDec 26, 2024
61
我手机 长 16.2 厘米，量了没有 18 厘米
|
 |
raymonguoDec 26, 2024
62
等等，尺子是用来量东西的，在线尺子有什么用，屏幕搬起来量？
|
 |
nyxsonsleepDec 26, 2024
63
@zzbd #25 这不就是跟作者抬杠？
|
 |
hanhuoerDec 26, 2024
64
印象中之前在抖音上看到有人用 cursor 做过这种应用，ios 端的
|
 |
ST0RMTR00PERDec 26, 2024
65
@gogogo2000 这个好，非常准，选了屏幕尺寸之后就准了。
|
|
ST0RMTR00PERDec 26, 2024
66
@raymonguo 你这个想法哈哈哈哈！不会拿东西过去屏幕量吗？
|
 |
EchoWhaleDec 26, 2024 via iPhone
67
|
 |
JiHuGeekDec 26, 2024 via Android
71
「一个木函」 APP 里面的尺子是准的呀
|
 |
FoxkehDec 26, 2024
72
正好我做过显示面板开发, 只考虑显示器/电视的话, 就像
@Xi @Yanlongli 两位说的一样, 最严谨的确实只能去找具体显示器型号的规格书才能获得真实的尺寸. 比如 19.5 寸面板实际产品型号标识会让人误以为 20 寸, 比如戴尔 E2020H 比如 23.8 寸面板实际产品型号标识会让人误以为 24 寸, 比如戴尔 U2414H 以及 @Yanlongli 说的 31.5 寸面板会搭配到 32 寸电视产品等等 最后根据物理像素间隔(PPI,显示器规格书上有),再查看 Windows 的 DPI 缩放设置,以及浏览器页面缩放设置. 在网页端才能开发出来正常匹配的在线尺子. 比手机 App 真的难多了. |
|
lyxxxh2Dec 26, 2024
74
我猜手机可以有获取屏幕尺寸的 api,所以就很简单。
|
 |
Tony4eeDec 26, 2024 via iPhone
75
投影仪 无解
|
 |
icyalalaDec 26, 2024
77
手机 App 的尺子，是有数据库记录每个型号手机具体的屏幕分辨率和物理尺寸，才能保证绝对准确
|
 |
PrinceofInjDec 26, 2024
78
你的那个物理尺子倒是有意思，搞色谱的？
|
 |
jim9606Dec 26, 2024
79
因为屏幕的尺寸指标 Pixels Per Inch,PPI 依赖屏幕硬件报告。这个数不准确那软件就算提供 api 给你读也没用。
浏览器上 CSS 确实支持物理尺寸单位，所以在硬件报告正确+浏览器支持 DPI 缩放+系统不搞事，是可以做到的。 https://developer.mozilla.org/zh-CN/docs/Web/CSS/length#%E7%A4%BA%E4%BE%8B |
 |
zhezDec 27, 2024
80
都用同一个屏幕同一个网页尺子测量，尺子准不准无所谓，保证度量衡统一就行了哈哈哈。
|
 |
106npoDec 27, 2024
81
其实可以让用户用常见的统一物品校准,比如百元大钞,身份证.
|
 |
Charon2050Dec 27, 2024
82
@xmumiffy 同意，目前手机端工具「一个木函」用的就是这个办法，要求用户用一张银行卡/身份证的长边校准后再使用
|
|
vislinsDec 27, 2024
83
@anivie 你知不知道你在说什么？一个 4k 分辨率的 81 寸的屏幕和一个 4k 的 27 寸的屏幕他们截图下来的图片是一样大的。用户怎么取窗口的宽度？拿尺子量？
|
 |
74123gzyDec 27, 2024
84
为啥都觉得难，身份证的长边 85.6 毫米，让用户自己校准一下就行了
|
 |
SekiBetuJan 1, 2025
85
屏幕的参数和实际是有误差的，不是说多少寸就是多少寸
|
 |
miwangJun 12, 2025
86
这个站还比较靠谱，楼主可以试下 https://onlineruler.app
|
Select Language