js转换px与mm, cm

纸张宽度(毫米mm)：

纸张宽度(毫米cm)：

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))
}

function getDPI() {
var arrDPI = new Array();
if (window.screen.deviceXDPI != undefined) {//ie 9
arrDPI[0] = window.screen.deviceXDPI;
arrDPI[1] = window.screen.deviceYDPI;
}else {//chrome firefox
var tmpNode = document.createElement(“DIV”);
tmpNode.style.cssText = “width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden”;
document.body.appendChild(tmpNode);
arrDPI[0] = parseInt(tmpNode.offsetWidth);
arrDPI[1] = parseInt(tmpNode.offsetHeight);
tmpNode.parentNode.removeChild(tmpNode);

}
return arrDPI;
}
console.log(“dpi:”+getDPI());

js转换px与mm, cm相关推荐

px和毫米的换算_js转换px与mm, cm
纸张宽度(毫米mm): 纸张宽度(毫米cm): function compute(t){ var width=document.getElementById("width").va ...
Vue项目自动转换 px 为 rem，高保真还原设计图
技术栈 vue-cli:使用脚手架工具创建项目. postcss-pxtorem:转换px为rem的插件. 自动设置根节点html的font-size 因为rem单位是相对于根节点的字体大小的,所以通 ...
dpi、dp、sp、px、mm之间的关系
参考链接: Android 开发者->文档->指南->支持不同的像素密度前言 Android 设备(手机.平板电脑.电视等)不仅有不同的屏幕尺寸,而且其屏幕也有不同的像素尺寸.也就 ...
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss 1.html部分 <el-table-column prop="up ...
vue中时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss 1.方式一 <el-table-column prop="updat ...
Android代码实现 px和mm相互转换，DPI的计算
最近做一个修改图片大小的功能,要求图片的宽度和高度单位可用px,也可用mm,这时需要用到px和mm相互转换. 第一步:px和mm之间转换首先要计算出屏幕的dpi , 参考文章https://www.c ...
yyyy/MM/dd转换成yyyy-MM-dd，yyyy-MM-dd转换成yyyy/MM/dd你会了吗
第一种yyyy/MM/dd转换成yyyy-MM-dd 知识点来自官网,可查阅: split() 方法用于把一个字符串分割成字符串数组 join()方法用于把数组中的所有元素放入一个字符串 var my ...
JS获取yyyy-MM-dd HH:mm:ss格式的时间
JS获取"yyyy-MM-dd HH:mm:ss"格式的时间,其代码如下: function getFormatDate() { var date = new Date() ...
js以yyyy-MM-dd HH:mm格式获取当前系统日期
js以yyyy-MM-dd HH:mm格式获取当前系统日期 js代码部分 // 以'en-ZA'的格式获取当前的系统时间 var currentTime = new Date().toLocaleSt ...

js转换px与mm, cm

js转换px与mm, cm相关推荐

最新文章

热门文章