比較畫布和窗口的像素

我目前有一個問題。我想通過在html5和javascript中使用畫布和圖像對象來繪製圖像我想知道畫布像素的大小與窗口像素相同，例如：例如，我有cavas（700 * 400），那麼我想知道如何在窗口屏幕上需要多大的尺寸。因此，如果我想知道（1 * 1）是什麼等於window.screen.widht * window.screen.height比較畫布和窗口的像素

來源

2012-12-13 Pon Somean

畫布上的1個像素=窗口的像素，除非您在css上設置寬度和高度。要縮放圖像，只需獲取畫布和窗口之間的比率，然後將所有想要縮放的圖像相乘即可。 – kennypu

O我可能錯了，然後：例如我cavas（700 * 400），然後我想知道它需要多少尺寸窗口屏幕上。因此，如果我想知道（1 * 1）是什麼等於window.screen.widht * window.screen.height –

將元素的實際大小除以您在屬性中定義的大小。例如：http://jsfiddle.net/pjdmN/

var canvas = document.getElementById('canvas'); 
var xRatio = canvas.offsetWidth/canvas.width; 
var yRatio = canvas.offsetHeight/canvas.height;

來源

2012-12-13 06:35:14

缺省情況下，窗口上1px的cavans等於1px。

在這種情況下，畫布的行爲與元素相似。它具有自己的寬度和高度，但可以使用css將其縮放到不同的大小。

來源

2012-12-13 09:34:51

比較畫布和窗口的像素

回答

相關問題