當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js根据毫米/厘米算像素px

發布時間：2023/11/29 编程问答 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 js根据毫米/厘米算像素px 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

紙張寬度(毫米mm)：<input type="text" id="width" value="10"> <span id="width_px"></span>
<br>紙張寬度(毫米cm)：<input type="text" id="height" value="10"> <span id="height_px"></span>
<br><input type="button" value="計算" οnclick="compute(1)">
<input type="button" value="計算And畫格子" οnclick="compute(2)">
<input type="button" value="一鍵生成多個格子(生成以后可以打印出來在紙上用尺子量一下對不對)" οnclick="make()">
<br><br>
<div id="testDiv">
<div id="testDiv1"></div>
</div>
</body>
<script>
function make(){
document.getElementById("width").value=10;
compute(2);
document.getElementById("width").value=20;
compute(2);
document.getElementById("width").value=30;
compute(2);
document.getElementById("width").value=40;
compute(2);
document.getElementById("width").value=60;
compute(2);
document.getElementById("width").value=80;
compute(2);
document.getElementById("width").value=100;
compute(2);
document.getElementById("width").value=150;
compute(2);
}

function compute(t){
var width=document.getElementById("width").value;
var height=document.getElementById("height").value;
console.log("width:"+width)
console.log("height:"+height)
var width_px=cm2px(width);
var height_px=cm2px(height);
console.log("width_px:"+width_px)
console.log("height:"+height)
document.getElementById("width_px").innerHTML=width_px+" px";
document.getElementById("height_px").innerHTML=height_px+" px";

if(t==2){
var tmpNode = document.createElement("DIV");
tmpNode.setAttribute('style', 'width:'+width_px+'px;height:'+height_px+'px;border:solid 1px #000;text-align:center');
tmpNode.innerHTML=width+"*"+height+"("+width_px+"*"+height_px+")";
document.getElementById("testDiv").appendChild(tmpNode);
}else{
document.getElementById("testDiv1").setAttribute('style', 'width:'+width_px+'px;height:'+height_px+'px;border:solid 1px #000');
}

}
//根據毫米算DPI
function cm2px(cm) {
var dpi = getDPI();
var pixel = parseFloat(cm) / 25.4 * dpi[0]; //只計算x軸的dPI
return (parseInt(pixel))
}

轉載于:https://www.cnblogs.com/q149072205/p/9714664.html

總結

以上是生活随笔為你收集整理的js根据毫米/厘米算像素px的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。