Skip to main content
Syntax_One
Known Participant
September 16, 2019
Question

Blending modes with HTML5 Canvas.

  • September 16, 2019
  • 1 reply
  • 967 views

Hi!

 

I understand that it is not possible to use blending modes with HTML5 Canvas.

 

However, the identity I am currently working with uses them. Here is an example: https://youtu.be/wUhA_N0N5lE

 

What could be a workaround solution?

 

Thanks for everything!

 

Chris.

    This topic has been closed for replies.

    1 reply

    kglad
    Community Expert
    Community Expert
    September 16, 2019

    i don't know what you mean by 'identity', but here's a work-around - https://codepen.io/chriscoyier/pen/Kkliq

    Legend
    September 16, 2019
    That isn't really a workaround. That code uses the "multiply" blend mode, which IE11 doesn't support, which is why HTML5 Canvas doesn't support it.
    Syntax_One
    Known Participant
    September 18, 2019
    Indeed.