0

プランカーはこちら

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

ビューポート幅変数が 1366 に設定されている場合。plunkr でカーソルを中央近くに移動すると、線がほぼ灰色でぼやけていることがわかります。しかし、端の近くに移動すると、くっきりと黒くなります。

しかし、ビューポート幅が現在 1000 に設定されている同じケースでは、plunkr でコメント化されています。線はすべての場所、端、中央でくっきりしています。

このシナリオはすべての描画に適用され、線だけでなく、中央に描画するものは少しくすんでいますが、エッジではステージの特定の幅でシャープです。

ここでの別の問題は、垂直線を破線として指定したにもかかわらず、連続線として表示されることです。これも、前述のビューポートの高さに依存します。

誰でもこれについて何か洞察がありますか???

4

2 に答える 2

1

2 番目の質問に...

欠落している垂直の破線を取得する方法は次のとおりです。

  • 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 に答える