比较画布和窗口的像素

我目前有一个问题。我想通过在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

比较画布和窗口的像素

回答

相关问题