下の画像に示すように、Raphaelを使用して円弧を描画しています。
Zインデックスの順序は、灰色、青、緑の順になります。灰色と青色の弧はどちらも上から始まり、緑色の弧が始まります。
エッジを改善する方法はありますか?特に青の上に緑。
ありがとうございました。
残念ながら、あなたにできることはあまりありません。形状がどのようにレンダリングされるかは、ビューア (ブラウザ、画像ビューア、またはインポート アプリケーション) によって異なります。レンダリング プロパティをいじってみて、これが改善されるかどうかを確認することもできますが、SVG 実装がそれらをサポートしているとは思えません。
何を言っているのか正確にはわかりません.ラファエルコードなしでどのように画像を作成したかを知るのは難しいです. 緑の弧の外縁が青の弧の外縁をわずかに超えていることについて話しているのですか? 2 つのパスのコーナー ポイントが同じであることを確認し、パスの計算にストローク幅を含めます。
おそらく、簡単にするためにストローク幅を 0 に減らしてみてください。
問題は、形状を重ねていることです。これにより、一部の色が下からこぼれます。これを解決するには、前のアークが終了する各アークを開始する必要があります。
非常にかすかなギャップが生じる場合がありますが、これは各円弧に 1 ピクセルのストロークを適用することで簡単に解決できます。