Linienbreite in raphaeljs

Wenn SVG-Linien an ihren scheinbar korrekten Koordinaten liegen, liegen sie tatsächlich zwischen Pixeln. Wenn Sie also M1 1 L50 1 angeben, malt sie ein halbes Pixel oben und die andere Hälfte unten im Pixel, wodurch es wie ein dicker aussieht , halbtransparente Linie.

Um dieses Problem zu lösen, müssen Sie entweder mit halben Pixeln malen oder Ihre Elemente ein halbes Pixel, d. element.translate(0.5, 0.5)

Sie können die verschwommenen und scharfen Linien hier sehen: Ссылка

Sie sollten auch die Funktion Paper.renderfix() verwenden, da Sie nicht wissen, welchen Browser Ihre Benutzer verwenden werden.

Aus der Dokumentation

  

Behebt das Problem von Firefox und IE9 bezüglich Subpixel-Rendering. Ob   Papier ist abhängig von anderen Elementen nach dem Reflow könnte es die Hälfte verschieben   Pixel, die dazu führen, dass Linien ihre Knusprigkeit verlieren. Diese Methode behebt   das Problem.