我创建了一个简单的多人数学游戏，它在客户端使用 KineticJS。我在 Linux 中开发它，一切似乎都运行良好，所有编码都进行得很顺利。前几天我注意到，在工作时在 OS X 10.8 (Mountain Lion) 上运行它时，我的提交按钮和输入上的输入事件不起作用。它在我测试过的安装了 10.7 (Lion) 的 iMac 上确实有效。今天，我将我的笔记本电脑启动到 Windows 8(我不经常这样做)并尝试运行我的应用程序。
这是我的实时网络应用程序的链接: Get24
这是 Github 项目的链接:CoryG89/Get24
我还打开了一个 Github issue about this 。
但是，当我尝试在 Windows 8 的 Chrome 中运行我的应用程序时，页面布局全乱了。按钮没有颜色，鼠标悬停事件的目标区域也没有与按钮对齐。游戏无法使用。控制台中没有错误。在 Windows 中使用 Firefox 可获得与在 Linux 下运行的任何浏览器相似的结果，它运行完美。
谁能告诉我为什么我的应用程序似乎如此依赖操作系统/浏览器。难道我做错了什么？有没有其他人有过 KineticJS 在不同的浏览器和操作系统下工作不一样的经历？
2013 年 3 月 6 日更新
在进一步玩我的简单游戏之后，我注意到按钮上的
mouseover 和 click 事件仅在 Chrome Windows 8 中的填充时有效。我创建了这个 simple jsFiddle，它当在我的计算机上的 Windows 8 上的 Chrome 中查看时，只会呈现矩形对象的填充。底部的矩形显示当使用 draggable 或 click 事件时，只有矩形的笔画会对鼠标使用react。最后，我浏览了网络，发现这个 official tutorial the KineticJS Shape fill property 在 Windows 8 上的 Chrome 中查看时也有同样的问题。Firefox 渲染得很好。
有没有人有解决方法来让 fill 属性在 Chrome 中工作？
最佳答案
好吧，所以我觉得很愚蠢，因为当我发布这个问题时，更新版本的 KineticJS 已经出来了。他们没有在更改日志中列出这个正在修复的错误，但是，从 v4.3.1 更新到 v4.3.3 为我修复了这个问题。我的网络应用程序现在可以在 Chrome Win8 中正常运行了。从官方 KineticJS 页面链接到的教程仍在运行旧版本，并且填充在 Chrome Win8 中被破坏。如果以后有人遇到这个问题，只需确保您使用的是最新版本的 Kinetic。
关于javascript - KineticJS Inside of Shape 和/或 Fill 未在 Windows 8 下的 Chrome 中呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14693636/