在几周的时间里,我已经多次阅读了这个答案,它是相关主题的一个很好的速成课程,其中一些学习适用于我的用例,但我不关心显示器或物理设备的屏幕尺寸。
在我的用例中,用户正在上传 .png 文件,在存储或进行任何后端调用之前,我想验证它是否满足最低 PPI 要求。
目前我使用的公式很简单,已知打印区域的斜边为 20 英寸,然后取图像的宽度和高度以像素为单位计算它的对角线距离,然后将其除以 20 得到 PPI。据我了解,这应该适用于我的目的;在大多数情况下。如果这个假设是错误的,请纠正我。
我需要帮助解决的问题是 .png 文件允许透明像素这一事实,这引入了必须更改我的公式以通过查找第一个和最后一个非透明像素之间的距离来计算高度和宽度的问题两个各自的轴。
我想知道是否有一个 react 或 javascript 库可以帮助进行这种内省,或者我是否被迫构建一些后端服务来使用图像魔术或类似的东西进行这种分析。我想避免往返 API,但我知道这种分析是否会占用大量资源,以至于在后端进行分析会产生更多收益。
我也愿意接受替代解决方案。