Is it possible to use the transform function with a gradient? about svg.js HOT 11 CLOSED

You'll have to use the gradientTransform attribute:

gradient.attr('gradientTransform', 'skewX(30)')

I fiddled something here so you can test it yourself:
http://jsfiddle.net/wout/KpYZy/1/

from svg.js.

Thank you for that answer, what is the correct syntax with the matrix? I tried with :

"gradient.attr('gradientTransform','matrix(0.79545714,-0.70713416,0.51685009,0.58140605,-3.2162008,-48.602235)')" but it does not work

from svg.js.

That should be the right syntax. I'm not quite sure on SVG support on matrix transformations applied to gradients. At first sight they don't work in Chrome but I didn't go really deep into it.

from svg.js.

I have a svg file where there are gradients with matrix

from svg.js.

Is it working in the browser as well? Can you send it so I can have a look? Maybe that would explain a little bit more.

from svg.js.

my svg file with "gradientTransform =" matrix "

http://jsfiddle.net/WRnX8/

from svg.js.

Ah, ok, I see now. You should set the gradientUnits to:

gradient.attr('gradientUnits', 'userSpaceOnUse')

from svg.js.

I add gradient.attr ('gradientUnits', 'userSpaceOnUse') but it does not work

from svg.js.

It does here: http://jsfiddle.net/wout/KpYZy/9/

from svg.js.

I found my mistake I forgot it;
gradient.attr ('cx', '68 .138 ')
gradient.attr ('cy', '29 .869 ')
gradient.attr ('r', '33 .934 ')
and thank you again

from svg.js.

No problem.

from svg.js.