.draggable mm而不是px的位置？

Question

可以以某種方式得到mm而不是.draggable函數的px嗎？當我看着我的督察使用這個時，我得到頂部：'一些像素'左：'一些像素'。

反正有沒有說從一開始「我需要mm而不是px」或將px轉換爲mm？我的父對象已經有了mm，所以我真的也需要mm和top和left的值。

Answer 1

它種取決於你爲什麼要這麼做的原因是：

像素和物理測量結果之間的相互關係取決於 完全在顯示屏上，有多少物理像素有每 （平方）毫米。 72ppi（像素每英寸）曾經是一個典型的分辨率，但是像素密度在很多設備上都有所增加，但是這已經不是特定的了。

根本沒有標準的公式。
- deceze

可以推測將會它，如果你不需要那麼精確的說，一毫米= 3.779528px，但對於大多數的目的，這將導致比它多的問題會解決。

$('.draggable').draggable({ 
 
    containment: 'parent', 
 
    drag: function(event, ui) { 
 
    $('.pos').html(
 
     '<p>top:' + $('.draggable').position().top/3.779528 + 'mm</p>' + 
 
     '<p>left:' + $('.draggable').position().left/3.779528 + 'mm</p>' 
 

 
    ); 
 
    } 
 
});

.parent { 
 
    position: relative; 
 
    width: 100mm; 
 
    height: 100mm; 
 
    background: silver 
 
} 
 
.draggable { 
 
    height: 20mm; 
 
    width: 20mm; 
 
    background: grey 
 
} 
 
.pos { 
 
    position: fixed; 
 
    bottom: 0; 
 
    color blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script> 
 

 
<div class="parent"> 
 
    <div class="draggable"></div> 
 
</div> 
 
<div class="pos"></div>