Is it possible to use the transform function with a gradient?

[gnomathibus]

eg gradient.transform ('Matrix', '0 .5261727,0,0,0.7582733, -9.5647863,5.1185895 ') it does not work

[wout]

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/

[gnomathibus]

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

[wout]

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.

[gnomathibus]

I have a svg file where there are gradients with matrix

[wout]

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.

[gnomathibus]

my svg file with "gradientTransform =" matrix "

http://jsfiddle.net/WRnX8/

[wout]

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

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

[gnomathibus]

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

[wout]

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

[gnomathibus]

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

[wout]

No problem.