New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 902301 link

Starred by 1 user
Status: Assigned
Owner:
█ bsalomon@chromium.org
Last visit > 30 days ago
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

Line caps in canvas not drawn correctly with GPU rendering

Reported by jan.chri...@gmail.com, Nov 6 
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.81 Safari/537.36

Steps to reproduce the problem:
Draw a path in canvas with:
- lineWidth 1
- lineCap round or square
- more than two points in path
- enabled GPU rendering

What is the expected behavior?

What went wrong?
The line cap is always drawn like "butt", even when it is set to "round" or "square".

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 69.0.3497.81  Channel: stable
OS Version: 
Flash Version: 

I tested on Windows and Linux on two laptops with Intel GPU and all showed the issue.

When the line width is even slightly larger than 1.0, the issue disappears.
test.html
753 bytes View Download
test_cpu.png
2.2 KB View Download
test_gpu.png
2.3 KB View Download

Comment 1 by viswa.karala@chromium.org, Nov 7

Labels: Needs-Milestone

Comment 2 by masonfreed@chromium.org, Nov 15

Components: -Blink>Canvas Internals>GPU
Status: Untriaged (was: Unconfirmed)
I can confirm this on Mac Chrome 70.0.3538.102, and turning on/off the Accelerated 2D Canvas flag matches the results in the screenshots. With GPU enabled, all three line caps look the same.

Comment 3 by vmi...@chromium.org, Nov 16

Components: -Internals>GPU Internals>GPU>Rasterization
Owner: bsalomon@chromium.org
Status: Assigned (was: Untriaged)
►

Sign in to add a comment