Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Blending modes with HTML5 Canvas.

Engaged ,
Sep 16, 2019 Sep 16, 2019

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.

815
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 16, 2019 Sep 16, 2019

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 16, 2019 Sep 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.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Sep 18, 2019 Sep 18, 2019
Indeed.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Sep 18, 2019 Sep 18, 2019

Thank you for your answer, kglad.

 

Identity: https://smallbusiness.chron.com/graphic-identity-69596.html

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2019 Sep 18, 2019
LATEST
you're welcome. btw, you can use any number of blend modes in that code snippet.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines