0

这是plunkr

http://plnkr.co/edit/05OtTgW78wibGz57Lrao

当视口宽度变量设置为 1366 时。在 plunkr 中，当您将光标移动到中心附近时，您会看到线条几乎是灰色的并且模糊不清。但是当靠近边缘移动时，它又脆又黑。

但在同样的情况下，当前视口宽度设置为 1000 时，它会在 plunkr 中进行注释。线条在所有地方、边缘、中心都很清晰。

这种情况适用于所有绘图，不仅我在中心绘制的任何东西的线条都有些暗淡，而在边缘，它在舞台的某个宽度处很清晰。

这里的另一个问题是，尽管我将垂直线指定为虚线，但它作为连续线出现，这也取决于提到的视口高度。

有人对此有任何见解吗？？？

4

2 回答 2

1

对于你的第二个问题...

以下是如何获得缺失的垂直虚线：

  • 完全消除 viewLinesVert。
  • 消除 context.closePath()

你的垂直线会变成虚线。

顺便说一句，Firefox 尚不支持 context.setLineDash，因此您的应用程序在 FF 中失败。

对于你的第一个问题...

如果您使用 context.lineWidth=1.0，您的线条会变得更加清晰。

是的，我确实注意到您的垂直线在某些位置变得有些模糊。

  • 在 IE 中，当垂直线接近最右侧时会发生模糊。
  • 在 Chrome 中，模糊更多地发生在中间，并且发生在更大的区域。

坦率地说，我不知道为什么，但这可能是由于破折号的抗锯齿。

是的，我确实注意到您的水平线是[Ok | 模糊 | 好的 | 模糊]随着它的移动。

这肯定是由于水平线的抗锯齿。

我还在最新的 KineticJS 版本 4.7.2 中尝试了您的代码，但仍然存在模糊。

然而...

当我在本机画布（不是 KineticJS）中重新创建您的代码时，垂直线或水平线都不会发生模糊——除非线条移动（这是不相关的运动模糊）。

所以.....

详细说明您的问题并提交错误报告：

https://github.com/ericdrowell/KineticJS/issues?direction=desc&sort=created&state=open

于 2013-10-02T17:43:37.937 回答
0

只是因为我在舞台宽度中使用了浮点坐标...

从动力学 js 社区得到答案.. 谢谢

于 2013-10-15T16:53:05.670 回答