canvas - Strength of feColorMatrix filter -


i'm trying create sepia filter in svg adjustable strength. in canvas easy do. im unsure how approach problem in svg.

this current code filter.

 <filter id="image1362918248406filter">     <fecolormatrix color-interpolation-filters="srgb" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0"></fecolormatrix>  </filter> 

the fiddle below demo of im trying achieve. how can svg example same canvas example?

http://jsfiddle.net/5llfs/

this looks want when tried on firefox.

<defs>     <filter id="image1362918248406filter" color-interpolation-filters="srgb">         <fecolormatrix values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0" result="sepia"></fecolormatrix>         <fecomposite in="sepia" in2="sourcegraphic" operator="arithmetic" k2="0.5" k3="0.5" />        </filter> </defs> 

Comments

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -