Open Bug 1837870 Opened 2 years ago Updated 2 years ago

Canvas: visual glitches when drawing a line with stroke with D2D

Categories

(Core :: Graphics: Canvas2D, defect)

Firefox 114
Desktop
Windows 10
defect

Tracking

()

People

(Reporter: benni.vetter, Unassigned)

Details

Attachments

(1 file)

Attached image 2023-06-11-line-bug.png

Steps:
(On Windows 10. Can't reproduce on macOS)

  • create a canvas with a certain size (e.g. 700x326)
  • fill the background with white
  • globalCompositeOperation = 'difference'
  • draw a certain line (e.g. [[650,132],[531,160],[593,228]] ) with strokeStyle 'white'

(or visit: https://bitbof.github.io/browser-bug-demos/2023-06-11-firefox-line-bug/)

Actual:
A horizontal line appears from the left corner of the canvas reaching to the second point of line. (see screenshot)

Expected:
It draws the line without artifacts.

Note: With different shapes, you could provoke vertical lines.

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: Canvas2D' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Graphics: Canvas2D
Product: Firefox → Core

I can repro wit D2d-canvas.
I cant repro with gpu-canvas.

Depends on: gpu-canvas
Status: UNCONFIRMED → NEW
Ever confirmed: true
Severity: -- → S4
No longer depends on: gpu-canvas
Summary: Canvas: visual glitches when drawing a line with stroke → Canvas: visual glitches when drawing a line with stroke with D2D
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: