diegomura/react-pdf

Some borders draw faint pencil-like artefacts

Open

#700 opened on 2019年8月29日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)JavaScript (13,687 stars) (1,116 forks)batch import
help wanted

説明

Describe the bug Some borders get slight artefacts at the outer edges and through the corners of the border, which almost look like faint pencil strokes. In the example below, it happens around the dark boxes, but not around the light boxes (at least not visibly so). Zoom in on the generated PDF to see it in action.

To Reproduce Reproduced in this REPL snippet

Expected behavior Those artefacts should not appear.

Screenshots

Desktop:

  • OS: MacOS 10.13.6
  • Browser N/A, but verified in the Preview.app PDF viewer and in Safari and Chrome's PDF viewers.
  • React-pdf version v1.6.4

コントリビューターガイド

技術スタック
reactjavascript
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
4
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
ReactJavaScriptPDF rendering concepts
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
Investigate the border rendering code in react pdf, likely in the styling or layout modules. The issue reproduces in the provided REPL snippet. Start by examining how borders are drawn for elements, particularly those with dark backgrounds. Look for any coordinate rounding or anti aliasing logic that might cause faint lines. Check the underlying pdfkit library if the issue stems from there. Also consider testing with different border widths and colors to isolate the problem.