这是一个创建于 367 天前的主题，其中的信息可能已经有所发展或是发生改变。
谷歌搜“在线尺子”，前三个没一个靠谱的，这不坑人吗 🤣
话说，技术上很难实现吗？
 |
1
learnshare 2024-12-25 19:57:11 +08:00  9
技术上确实很难实现
|
 |
2
busterian 2024-12-25 20:01:33 +08:00 via Android
手机用 cpu x 的尺子
|
 |
3
sillydaddy 2024-12-25 20:01:38 +08:00 via Android
我好像发现了一个商机，这就去学前端准备做一把在线尺子。名字扔给 ChatGPT 去取。
|
 |
4
Rickkkkkkk 2024-12-25 20:03:22 +08:00 1
你尝试缩放网页，如果尺子的实际大小能保持不变还靠谱点
|
 |
5
CodeAllen 2024-12-25 20:03:23 +08:00 1
很难，因为必须要精确的知道 DPI ，精度越高才能越准确，电子尺只能在精度要求不高的情况下参考一下。精确测量只能用物理尺或者激光测距。
|
 |
6
yh7gdiaYW 2024-12-25 20:08:03 +08:00
手机上倒是有比较准的 app ，小米商店有个"尺子"
|
 |
7
vislins 2024-12-25 20:22:05 +08:00 8
技术上很难，想象一下，你的笔记本电脑上显示的 1cm 与投影仪上的 1cm 。网站怎么知道你用的是什么屏幕。
|
 |
8
webpan94 2024-12-25 20:25:59 +08:00
难不难你尝试去实现一下就知道了，那是真的困难。。
|
 |
9
loading 2024-12-25 20:30:57 +08:00
在 apple 的设备上会简单，因为无论是 iphone 还是 mac 硬件是定死的。
|
 |
10
elfive 2024-12-25 20:34:29 +08:00 via iPhone
@CodeAllen 除了 DPI 外，还有显示误差。像素是一颗一颗，离散的，而且大多数以英寸为单位，换算到毫米厘米上，就可能会有一个像素的误差。
|
 |
12
luckyrayyy 2024-12-25 20:38:20 +08:00
浏览器怎么获取你显示器的物理尺寸...
|
 |
13
zzbd OP @yh7gdiaYW 手机上是如何做到的呢？ oppo 商店叫做“尺子”的 app 不提供下载了，其他的不敢下。。。
|
 |
14
zbowen66 2024-12-25 20:50:35 +08:00 via iPhone
不太可能实现，除非知道屏幕的物理尺寸。这个数据也许只有从显示器名字里获取个大概
|
 |
17
Rust2015 2024-12-25 20:58:57 +08:00
我一般用像素大厨，当然它是用来 Layout 的，但是不碍事
|
 |
18
codehz 2024-12-25 22:19:32 +08:00
@zzbd 手机主流屏幕尺寸就那么几种，限定到品牌就更少了，就算系统不提供精确 dpi 值也可以查询一下型号算出来（
电脑显示器尺寸千奇百怪，根本不可能有一个预设，而 windows 系统给的默认 dpi 数值也只是一个厂商填写任意数值（而且只能在几个数字里选，几乎没有可能对上），跟实际像素密度可以没有任何联系... |
 |
19
flynaj 2024-12-25 22:26:20 +08:00
其实简单，FastStone Capture 的做法就是让你输入 dpi 或者屏幕尺寸。然后尺子就是对的了。网页不缩放的话一样的原理。
|
 |
20
CTd1DJnr6KlM 2024-12-25 23:00:03 +08:00 1
你可以用 pdf 阅读器的 100% A4 纸去比一下大小将就一下
|
 |
21
bigtear 2024-12-25 23:06:25 +08:00
技术上很难实现吗？是的
|
|
22
bigtear 2024-12-25 23:06:42 +08:00
你可以拿你的手机当尺子
|
 |
23
ntedshen 2024-12-25 23:27:09 +08:00 32
图一的直接告诉你你要自己算每英寸像素数的。。。
你不算 图二告诉你这个得打印了用的。。。 你不打 图三实际上是作者踩坑踩的少了，1px 误差的问题。。。 某种意义上这三个站都有实际功效。。。 只是可惜 op 不读说明书。。。 |
 |
24
ggabc 2024-12-25 23:29:34 +08:00 via Android
你都选择用在线的了，精度就不是你考虑的了
|
 |
26
Cheons 2024-12-25 23:54:59 +08:00 via Android
虽然但是
物理尺子本身是否标准也是个问题😂 |
 |
27
MossFox 2024-12-26 00:00:27 +08:00
浏览器获取不到屏幕尺寸或者设备型号。这种只有原生应用才可以做到。
不是技术上实现很难，是不可能。除非和部分安卓环境一样浏览器 User-Agent 带一下设备型号，这样还能反查一下数据库来拿屏幕尺寸。 可以看下这里的说明，顺便量一下页面的例子和物理尺寸是不是也有偏移： https://www.w3.org/Style/Examples/007/units.zh_CN.html |
 |
28
hefish 2024-12-26 00:03:19 +08:00
要实现一点都不难，只要 v2 上发个帖就行。
|
 |
29
PPPaul 2024-12-26 00:09:56 +08:00
我都是找张 a4 纸校准后用
|
 |
30
v1 2024-12-26 00:12:02 +08:00
我 18cm ，直接让美女掏出来比较
|
 |
31
KoreaFish 2024-12-26 00:17:55 +08:00 via iPhone
不是有一個自帶 app 叫測距儀嗎？
|
 |
32
weijancc 2024-12-26 00:40:16 +08:00
iPhone 自带测距仪, 很牛逼很好用
|
 |
33
vvhy 2024-12-26 00:40:29 +08:00 1
糊了一个，手头没有尺子，用身份证试了，感觉还可以啊
data:text/html;base64,PGJvZHk+d2lkdGggPGlucHV0IGlkPSJ3aWR0aCIgdmFsdWU9Ijg1LjYwIiBwbGFjZWhvbGRlcj0iODUuNjAiPm1tLCB5b3VyIHNjcmVlbiBzaXplIDxpbnB1dCBpZD0iaW5jaCIgdmFsdWU9IjE0IiBwbGFjZWhvbGRlcj0iMTQiPmluY2hlcwo8ZGl2IGlkPSJib3giIHN0eWxlPSJ3aWR0aDogNDIuNDQ3NnB4OyBtYXJnaW46IDQyLjQ0NzZweDsgaGVpZ2h0OiA0Mi40NDc2cHg7Ij48c3R5bGU+ZGl2IHsKIGJveC1zaGFkb3c6IDAgMCAxMHB4ICMwMDA7Cn08L3N0eWxlPjxzY3JpcHQ+bGV0IGYgPSAoKT0+IHsKICBtbSA9ICgpID0+ICgoc2NyZWVuLndpZHRoKioyICsgc2NyZWVuLmhlaWdodCoqMikqKjAuNSkvKGluY2gudmFsdWUqMjUuNCk7CiAgYm94LnN0eWxlLndpZHRoID0gIHdpZHRoLnZhbHVlICogbW0oKSArICdweCc7CiAgYm94LnN0eWxlLmhlaWdodCA9IGJveC5zdHlsZS5tYXJnaW4gPSAxMCAqIG1tKCkgKyAncHgnOwp9CmluY2gub25jaGFuZ2U9ZjsKd2lkdGgub25jaGFuZ2U9ZjsKYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgZik7CmYoKTsKPC9zY3JpcHQ+PC9kaXY+PC9ib2R5Pg== |
 |
35
realpg PRO 1
我就一个问题
我的显示器是个投影仪 请 OP 帮我实现这个尺子 |
 |
36
Shilion 2024-12-26 03:45:34 +08:00
An opensource app for Android comes with ruler, compass, etc. https://github.com/FoedusProgramme/Omni
|
 |
37
k9982874 2024-12-26 07:51:26 +08:00 via Android
建议每个显示器制造商以后在生产显示器时边框内嵌一把尺子
|
 |
38
ltmst 2024-12-26 08:50:06 +08:00
这个需求让我想起来之前用的 iphone 8 屏幕可以当秤来用，当时我测了一下还挺准的
|
 |
39
luckyc 2024-12-26 08:51:40 +08:00
用 iPhone 自带的测距仪试试, 还可以, 误差+-1cm 吧
|
 |
40
IMZQZ 2024-12-26 09:07:32 +08:00
有没有想过一个问题 是你手上拿着的尺子不准。。。
就像 pdd 你买 3 个一样的尺子 说不定 3 个尺寸都不一样 |
 |
41
adimn 2024-12-26 09:22:39 +08:00
@luckyrayyy #12 当然是让用户自己输入呀
|
 |
42
tongjiann 2024-12-26 09:28:10 +08:00
@vislins #7 好有道理，我好像还没有看见过「复制」的显示模式下某个网页/应用显示在两个输出设备内显示比例不一致的情况。
|
 |
43
yhxx 2024-12-26 09:39:06 +08:00
人家写的那么清楚让你填一下显示器尺寸和宽高比分辨率之类的，你就是不肯。。。
|
 |
44
lyxxxh2 2024-12-26 09:46:42 +08:00
 [https://learnku.com/articles/66839](css 的单位与物理距离单位之间的换算) 之前研究过,挺容易的啊。 获取设备分辨率就行, js 也有接口。 ```js console.log(screen.width * window.devicePixelRatio) ``` |
 |
45
8UbNRbE5c9tvj2 2024-12-26 11:18:55 +08:00
@Shilion 这个 app 中的功能 网页版能实现几个呀？
|
 |
46
meteora0tkvo 2024-12-26 11:40:15 +08:00
受制于浏览器和设备屏幕的兼容性问题，这种很难实现精准的
|
 |
47
dingdangnao 2024-12-26 11:47:19 +08:00
我想到一个点子，在页面上放一个身份证/银行卡的框框，让用户用自己的卡片对准，调节网页缩放比例
是不是完美解决了？ |
 |
48
parkhaocer 2024-12-26 11:50:43 +08:00 1
@loading 但都支持外接各种屏幕、还要考虑‘投屏“等需求
|
 |
49
Xi 2024-12-26 11:53:35 +08:00
变数太多，很难实现，例如显示器尺寸、分辨率、浏览器等等，很难做到统一
|
 |
50
ob 2024-12-26 12:14:17 +08:00 1
|
 |
51
starrys 2024-12-26 12:33:49 +08:00
|
 |
52
saranz 2024-12-26 12:41:27 +08:00
度量衡你用在线也是神奇，临时的大概性用一下都是勉强。
|
 |
53
Yanlongli 2024-12-26 12:42:16 +08:00
基于特定显示器的会精准一些，不同显示器就不行了，比如显示器的尺寸说 32 也可能 32.5 、31.5
|
 |
54
gogogo2000 2024-12-26 12:48:36 +08:00
|
 |
55
crc8 2024-12-26 14:18:15 +08:00
这个问题相当于你要在现实中证明几何学的勾股定理。
|
 |
56
jhdxr 2024-12-26 15:39:59 +08:00
|
 |
57
www5070504 2024-12-26 16:10:36 +08:00
这需求跟以前那个根据用户手机壳颜色换主题一样
|
 |
58
EVANGELIONAir 2024-12-26 16:17:26 +08:00
显示屏像素数（ Pixel ）= DPI × 实际尺寸（ inch ）
那么只要知道 DPI ，然后绘制对应像素数，那就不可能画错尺子 然而问题在于你不知道用户侧的像素数和 DPI 情况，比如，你怎么敢假定用户的显示器就是正交像素排列的？再比如，用户提供的 DPI 你确定是对的？ |
 |
59
jfjiefan 2024-12-26 16:34:49 +08:00
好奇，在线尺子的使用场景是什么？
|
 |
60
HashV2 2024-12-26 17:57:25 +08:00
你首先要知道显示屏的物理尺寸以及像素数才能去做，手机官方 app 是比较方便去实现的，显示器这个就有点麻烦
|
 |
61
particlec 2024-12-26 17:59:42 +08:00
我手机 长 16.2 厘米，量了没有 18 厘米
|
 |
62
raymonguo 2024-12-26 18:00:43 +08:00
等等，尺子是用来量东西的，在线尺子有什么用，屏幕搬起来量？
|
 |
63
nyxsonsleep 2024-12-26 18:01:15 +08:00
@zzbd #25 这不就是跟作者抬杠？
|
 |
64
hanhuoer 2024-12-26 18:03:45 +08:00
印象中之前在抖音上看到有人用 cursor 做过这种应用，ios 端的
|
 |
65
ST0RMTR00PER 2024-12-26 18:05:52 +08:00
@gogogo2000 这个好，非常准，选了屏幕尺寸之后就准了。
|
|
66
ST0RMTR00PER 2024-12-26 18:10:19 +08:00
@raymonguo 你这个想法哈哈哈哈！不会拿东西过去屏幕量吗？
|
 |
67
EchoWhale 2024-12-26 18:12:22 +08:00 via iPhone
|
|
68
lyxxxh2 2024-12-26 18:33:17 +08:00
|
|
69
EchoWhale 2024-12-26 19:01:54 +08:00 via iPhone
@lyxxxh2 抱歉只看了你贴出来的代码没看文章。
所以你的意思不也是需要知道显示设备的尺寸吗？这哪里容易了 |
 |
71
JiHuGeek 2024-12-26 19:22:14 +08:00 via Android
「一个木函」 APP 里面的尺子是准的呀
|
 |
72
Foxkeh 2024-12-26 19:23:18 +08:00
正好我做过显示面板开发, 只考虑显示器/电视的话, 就像
@Xi @Yanlongli 两位说的一样, 最严谨的确实只能去找具体显示器型号的规格书才能获得真实的尺寸. 比如 19.5 寸面板实际产品型号标识会让人误以为 20 寸, 比如戴尔 E2020H 比如 23.8 寸面板实际产品型号标识会让人误以为 24 寸, 比如戴尔 U2414H 以及 @Yanlongli 说的 31.5 寸面板会搭配到 32 寸电视产品等等 最后根据物理像素间隔(PPI,显示器规格书上有),再查看 Windows 的 DPI 缩放设置,以及浏览器页面缩放设置. 在网页端才能开发出来正常匹配的在线尺子. 比手机 App 真的难多了. |
|
74
lyxxxh2 2024-12-26 20:02:15 +08:00
我猜手机可以有获取屏幕尺寸的 api,所以就很简单。
|
 |
75
Tony4ee 2024-12-26 22:15:57 +08:00 via iPhone
投影仪 无解
|
 |
77
icyalala 2024-12-26 22:37:11 +08:00
手机 App 的尺子，是有数据库记录每个型号手机具体的屏幕分辨率和物理尺寸，才能保证绝对准确
|
 |
78
PrinceofInj 2024-12-26 22:56:53 +08:00
你的那个物理尺子倒是有意思，搞色谱的？
|
 |
79
jim9606 2024-12-26 23:24:18 +08:00
因为屏幕的尺寸指标 Pixels Per Inch,PPI 依赖屏幕硬件报告。这个数不准确那软件就算提供 api 给你读也没用。
浏览器上 CSS 确实支持物理尺寸单位，所以在硬件报告正确+浏览器支持 DPI 缩放+系统不搞事，是可以做到的。 https://developer.mozilla.org/zh-CN/docs/Web/CSS/length#%E7%A4%BA%E4%BE%8B |
 |
80
zhez 2024-12-27 00:45:15 +08:00
都用同一个屏幕同一个网页尺子测量，尺子准不准无所谓，保证度量衡统一就行了哈哈哈。
|
 |
81
106npo 2024-12-27 00:53:58 +08:00
其实可以让用户用常见的统一物品校准,比如百元大钞,身份证.
|
 |
82
Charon2050 2024-12-27 09:59:49 +08:00
@xmumiffy 同意，目前手机端工具「一个木函」用的就是这个办法，要求用户用一张银行卡/身份证的长边校准后再使用
|
|
83
vislins 2024-12-27 10:15:10 +08:00
@anivie 你知不知道你在说什么？一个 4k 分辨率的 81 寸的屏幕和一个 4k 的 27 寸的屏幕他们截图下来的图片是一样大的。用户怎么取窗口的宽度？拿尺子量？
|
 |
84
74123gzy 2024-12-27 16:09:19 +08:00
为啥都觉得难，身份证的长边 85.6 毫米，让用户自己校准一下就行了
|
 |
85
SekiBetu 360 天前
屏幕的参数和实际是有误差的，不是说多少寸就是多少寸
|
 |
86
miwang 198 天前
这个站还比较靠谱，楼主可以试下 https://onlineruler.app
|
Select Language