今天在網(wǎng)上看到一位大神寫的一篇文章，出處記不得了谜嫉，只是因?yàn)槲以谧鲰?xiàng)目的時(shí)候需要用到所以看了一眼骄酗。
經(jīng)理要求我把兩張圖表上下排列（非響應(yīng)式的）改成可以適配瀏覽器的嘱兼，剛開始只是想改樣式智润，看到代碼才發(fā)現(xiàn)原來他是寫在jq里面的，嘗試這用jq該樣式的時(shí)候發(fā)現(xiàn)這個(gè)canvas是后渲染根本沒有什么用處未辆，搞了半天沒有用修改樣式的方法搞窟绷，最用才想到j(luò)s監(jiān)測(cè)瀏覽器頁面的縮放可以在生產(chǎn)canvas的時(shí)候動(dòng)態(tài)修改height于是就百度了一下js獲取頁面縮放比例的方法。
//獲取當(dāng)前頁面的縮放值
function detectZoom() {
var ratio = 0,
screen = window.screen,
ua = navigator.userAgent.toLowerCase();
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio;
}
else if (~ua.indexOf('msie')) {
if (screen.deviceXDPI && screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI;
}
}
else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
ratio = window.outerWidth / window.innerWidth;
}
if (ratio) {
ratio = Math.round(ratio * 100);
}
return ratio;
}
這個(gè)是在一位大神那邊搞到的代碼咐柜，返回值如果沒有縮放的話是100兼蜈，有縮放的話會(huì)大于或者小于100.
寫這篇博客主要是為了方便自己記憶，交流學(xué)習(xí)拙友。
