macOSでChromeとFirefoxでD3 geoPath canvasプロットポイント成果物を減らすことはできますか？

Question

私はキャンバスを使ってD3の地図上にパスをプロットしていますが（using SVG tooと思われますが）、私は線がつながっているところに小さな点ができています。これはChromeとFirefoxでのみ発生するようです。 Safariはうまくいくようです。

サークルを描くときに、白い点が少しでも出ることがあります。詳細については、拡大画像を参照してください。

誰かがこれを見つけて、これらのアーティファクトを減らす方法を見つけましたか？あるいは、これはChromeとFirefoxがd3パスをレンダリングする方法です（私は通常のパスとgeoPathsに気づきました）？

パスのストロークを広げて黒い点を修正できますが、デザイナーは細いストロークを望んでいます。

Answer 1

私は私がなっていた間欠的なドット「ステッチ」の修正の種類を管理していました。私がcontext.lineWidth = 1.1を作れば、暗い点が消えてしまったことに気づいた。しかし、線が暗すぎるので、context.strokeStyleをrgbaの値に設定し、alphaを0.5に設定するだけです。

ので、ここではコードです：

// Draw outline of countries 
context.beginPath(); 
context.strokeStyle = "rgba(29,60,67,0.5)"; 
context.lineWidth = 1.1; 
path(borders); 
context.stroke(); 

そして、ここでの結果です：

---

（注：私はまだ小さな白いドットを取得していますが、彼らは上がりません目立つように）