2013-10-02 68 views
0

當這裏是plunkr動力學JS畫布線條和形狀模糊在中心,但得到脆接近邊緣

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

當視口寬度變量被設置爲1366 在plunkr當u移動光標靠近中心你會看到線條几乎是灰色的,並且模糊不清。但是當移動到邊緣附近時,它變得清脆而黑。

但是在當前視口寬度設置爲1000的同一情況下,它在plunkr中被註釋。線條在所有的地方,邊緣,中心都很脆。

這種情況適用於所有繪畫,不僅是線條,我在中間繪製的任何東西都有點沉悶,而在邊緣上它在舞臺的某個寬度上很尖銳。

這裏的另一個問題是,儘管我已經將垂直線指定爲虛線,但它也是連續的線,這也取決於所提到的視口高度。

任何人都有這方面的見解?

回答

0

它只是因爲我以前在舞臺寬度的浮點座標...

從kinetic js社區得到答案。謝謝

1

你的第二個問題...

這裏是如何讓你丟失的垂直虛線:

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

而且你的垂直線將成爲泡影。

順便說一句,Firefox還不支持context.setLineDash,所以你的應用在FF中失敗。

你的第一個問題...

如果使用context.lineWidth = 1.0你的行會變得有點清晰。

是的,我確實注意到你的垂直線在某些位置變得稍微模糊。

  • 在IE中,模糊發生在垂直線接近最右側。
  • 在Chrome中,模糊發生在中間部分,發生在更大的區域。

很坦率地說,我不知道爲什麼,但這可能是由於破折號的反走樣。

是的,我確實注意到你的水平線是[好的|模糊|好的|模糊]移動。

這絕對是由於水平線的反走樣。

我也在最新的KineticJS 4.7.2版本中試過你的代碼,模糊依然存在。

但是...

當我在本地畫布(而不是KineticJS)中重新創建代碼時,模糊不會發生在垂直線或水平線中 - 除非線條正在移動(這與運動模糊無關)。

所以.....

詳細信息您的問題,並提交Bug報告:

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