Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 浏览器图像上像素到米的转换_Javascript_Html_Image_Maps - Fatal编程技术网

Javascript 浏览器图像上像素到米的转换

Javascript 浏览器图像上像素到米的转换,javascript,html,image,maps,Javascript,Html,Image,Maps,我的浏览器上有一张室内地图的图像,我可以计算图像上随机点的坐标(以像素为单位)。我想把这些坐标转换成米。例如,我想将(123246)像素转换为(10,20)米 我有以米为单位的建筑物的宽度和高度,还有以像素为单位的图像大小。计算像素与米的比率的最佳方法是什么,以便我可以来回转换这些值 我主要使用JavaScript来完成这一切 如果您知道建筑物的宽度(以像素和米为单位),那么米:像素的比率就是widthInMeters/widthInPixels。你的问题表明你有图像的宽度,但不是建筑物的宽度,

我的浏览器上有一张室内地图的图像,我可以计算图像上随机点的坐标(以像素为单位)。我想把这些坐标转换成米。例如,我想将(123246)像素转换为(10,20)米

我有以米为单位的建筑物的宽度和高度,还有以像素为单位的图像大小。计算像素与米的比率的最佳方法是什么,以便我可以来回转换这些值


我主要使用JavaScript来完成这一切

如果您知道建筑物的宽度(以像素和米为单位),那么米:像素的比率就是
widthInMeters/widthInPixels
。你的问题表明你有图像的宽度,但不是建筑物的宽度,而且你能够以像素为单位计算随机点的位置。因此,您所要做的就是测量图像中显示的建筑物的像素宽度,然后将实际宽度除以该数字


您应该注意,像素不像米那样是连续测量,因此精度将受到您的比例的限制(例如,6.3像素看起来与6像素相同)。此外,如果图像没有被准确地绘制或编码,那么水平方向上的比率可能与垂直方向上的比率不同。

JavaScript和Java实际上没有什么关系;如果你大部分的工作都是用JavaScript完成的,除非有充分的理由,否则请不要添加Java标记。100像素通常约为26.5mm,但这不是一个一致的转换,它完全取决于屏幕的DPI,而且听起来你真的只是想创建某种可以缩放的图像?谢谢你的回复。我不是在创造一个形象。我需要知道室内地图中以米为单位的点,因为我必须根据这些坐标做进一步的计算。此外,如果我的米坐标不正确,这些计算就不可能正确。我唯一拥有的是以像素和米(实际建筑尺寸)为单位的图像的宽度和高度。因此,如果我在图像上放置某些点,我应该能够计算出这些点离图像左上角有多远(在(x,y)坐标中)