Skip to content

Commit 337e6d6

Browse files
committed
Better descriptions of the problematic blend modes
1 parent 6f2f7fd commit 337e6d6

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -64,23 +64,23 @@ These blend modes mostly work as intended, but have issues when it comes to deal
6464
For now, this mode performs simple numeric addition, the same as the SVG 1.2 "plus" mode.
6565
* ![comparison of result versus intended for add blend mode](http://phrogz.net/tmp/context-blender_add.png)
6666

67-
* `lighten`
67+
* `lighten` (or `lighter`) - the result is _slightly_ too dark when the opacity falls and incorrectly 'favors' a higher-opacity source.
6868
* ![comparison of result versus intended for lighten blend mode](http://phrogz.net/tmp/context-blender_lighten.png)
6969

70-
* `darken`
70+
* `darken` (or `darker`) - the result is too dark when combining low-opacity regions, and does not properly 'favor' the higher-opacity source.
7171
* ![comparison of result versus intended for darken blend mode](http://phrogz.net/tmp/context-blender_darken.png)
7272

7373
* `overlay` - this is only correct where both the over and under images are 100% opaque; the lower the alpha
74-
of either/both images, the more the colors get high contrast.
74+
of either/both images, the more the colors get clamped, resulting in high contrast.
7575
* ![comparison of result versus intended for add blend mode](http://phrogz.net/tmp/context-blender_overlay.png)
7676

77-
* `hardlight` - this is the opposite of "overlay" and same caveats apply
77+
* `hardlight` - this is the opposite of "overlay" and experiences similar problems when either image is not fully opaque.
7878
* ![comparison of result versus intended for hard light blend mode](http://phrogz.net/tmp/context-blender_hardlight.png)
7979

80-
* `colordodge` (or `dodge`)
80+
* `colordodge` (or `dodge`) - works correctly only under 100% opacity
8181
* ![comparison of result versus intended for dodge blend mode](http://phrogz.net/tmp/context-blender_dodge.png)
8282

83-
* `colorburn` (or `burn`)
83+
* `colorburn` (or `burn`) - works correctly only under 100% opacity
8484
* ![comparison of result versus intended for burn blend mode](http://phrogz.net/tmp/context-blender_burn.png)
8585

8686
## Requirements/Browser Support

0 commit comments

Comments
 (0)