Javascript 我需要KineticJS帮助修复这个bug-浏览器缩小时的缩放问题

好的，我这里有一个模拟：

这实际上不是模拟的最新版本。最新版本可在以下网址找到：

无论如何。虫子。。。当浏览器以100%或更大的比例缩放时，错误不会显示，并且此模拟如下所示（请注意，我关闭了剩余线条以简化图像）：

i、 imgur.com/xkRccSN.png

现在，当放大超过100%时，会出现错误，如下所示（请注意，浏览器上的缩放比例为50%）：

i、 imgur.com/uJizmbP.png

最后，显示没有“鬼”球的模拟的矩形面片的大小随着缩放的增加而减小。例如，下面是75%的缩放。如您所见，“良好”模拟的矩形大于50%缩放时的矩形：

i、 imgur.com/MKWs9db.png

可能有助于调试的最后几句话： -如果浏览器从100%或更大的缩放开始，然后在不重新加载页面的情况下缩小到小于100%，则不会出现错误 -我怀疑这与层画布的实例化有关 -如果我将页面上画布对象的高度和宽度属性设置为画布元素的高度和宽度：

<canvas width=“613”height=“311”style=“填充：0px；边距：0px；边框：0px；背景色：透明；位置：绝对；顶部：0px；左侧：0px；宽度：1226px；高度：622px；背景位置：初始；背景重复：初始；”>

i、 e.将样式的高度和宽度设置为元素的高度和宽度，画布收缩为模拟的“良好”补丁的精确大小

-回答我收到的一些后续问题： 你用的是什么浏览器？是否每个浏览器都会出现这种情况？ 在MacOS和Windows平台上，以下浏览器都出现了此漏洞：FireFox、Chrome、Safari、IE（不确定是哪个版本）。所有浏览器都升级到了最新版本

B.你为什么关心项目的windows缩放？ 这一模拟将在亚特兰大的一次会议上向数学界的许多辉格党人展示，希望他们中的一位能够资助在数学博物馆举办一个展览。这段代码模拟了未来展览将要模拟的东西，即“可编程高尔顿板”。无论如何，我们（研究小组）希望确保这个bug不会在展示当天出现，作为一种安心。因为登上舞台并意识到投影屏幕会以一种我们需要缩小才能运行模拟的方式扭曲尺寸，这将是非常糟糕的。虫子

---

谢谢大家!！此模拟需要在一周内完成，因此任何即时的答案都非常感谢

我明白了。这是Kineticjs的一个已知问题。但是，如果将

Kinetic.pixelRatio=1在您的代码中，在创建阶段或层对象之前，它应该解决问题
有趣的应用程序！但是我没有发现你在使用Chrome33、FF27或IE11时的不当行为：www.cs.uml.edu/~jperreau/EQL/galton/你是否缩小并以小于100%的缩放率重新加载页面，然后尝试运行模拟？