jquery - Is it possible for blending modes to be applied to text in css/javascript/canvas? -


i prefer css purely fall javascript. if not possible @ how apply effect using canvas tags?

heres desired effect: it's bunch of difference blending modes on top of another. text blending modes

if so, possible make work on mozilla?

just thoughts on possibilities...

a pure css solution spotty far browser support.

filter effects

some browsers support css image filter effects.

you use invert-filter flip black/white.

non-rectangular shapes

some browsers support css shaping and/or css clip-path.

you use define non-rectangular areas on apply invert filter.

alternatively

  1. you have 2 images 2 modes: black-on-white , white-on-black.

  2. you use canvas combine clipping paths, getimagedata , compositing invert colors.

  3. you draw text svg. can use clipping isolate b/w vs w/b regions , use fecolormatrix invert colors

example svg fecolormatrix:

<filter id="matrix-invert">     <fecolormatrix in="sourcegraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/>  </filter> 

Comments

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

c# - Unity IoC Lifetime per HttpRequest for UserStore -

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -