1009317 - Undesirable color artifact created on canvas when using "color-dodge" globalCompositeOperation

Status: NEW

(Core :: Graphics: Canvas2D, defect)

Description

[Jasper]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.131 Safari/537.36

Steps to reproduce:

Create a canvas element.
Set globalCompositeOperation = 'color-dodge'.
Set a strokeStyle that is a mixed color (eg: rgb(222, 20, 0))
Set the shadowColor to be the same as strokeStyle.
Set a shadowBlur of 1.
Draw several line segments consecutively.

As seen in this JsFiddle: http://jsfiddle.net/Ezyg3/1/


Actual results:

Small lines appear at the joints of the line segments. (this does not happen in webkit or IE browsers).

Here is a screenshot of the artifacts: http://screencast.com/t/xfpCRjIS


Expected results:

Smooth line. No lines artifacts.