Javascript 为什么画架在缩放我的精灵？

我正在用EaselJS在画布上创建动画背景。我想知道为什么当我将画布设置为窗口大小时，我的精灵会被缩放。。。 这些图像看起来很杂乱

$（'body'）。追加（''）； $（'#backgroundCanvas'）.height（$（window.height（））； $（'#backgroundCanvas'）.width（$（window.width（））

---

---

当您使用CSS缩放画布时，它将缩放内容，因为其像素数相同。用JavaScript缩放它（设置宽度和高度属性），它会改变像素的数量，并且不会拉伸内容

---

干杯。

重要的是要知道画布对象的宽度和高度是从html属性获取的。宽度和高度更改css的宽度和高度只会缩放画布对象

因此，您有两种解决方案： 使用此html

<canvas id="backgroundCanvas" width="968" height="358"></canvas>

---

现在我可以告诉你干杯了；）

您可以发布您的代码或问题的链接吗？原始画布的大小是否与窗口成比例？jQuery width（）和height（）方法将使用CSS设置大小，而不是JavaScript。您需要直接以画布为目标，并使用JavaScript设置宽度/高度@fareed在此线程中发布了一个使用jQuery的解决方案。

<canvas id="backgroundCanvas" width="968" height="358"></canvas>

$('#backgroundCanvas').attr("height",$(window).height());
$('#backgroundCanvas').attr("width",$(window).width());