使用Velocity JS对SVG路径进行渐变填充

Question

是否可以使用velocity.js将径向渐变填充为fill: 'url(#gradientID)'。使用动画填充单色并没有问题，如下所示

$(event.target).velocity({ opacity: 1, fill: '#f60' }, 4000);

但不适合

$(event.target).velocity({ opacity: 1, fill: 'url(#MyGradient)' }, 4000);

<defs><radialGradient id="MyGradient"><stop offset="5%" stop-color="#f60"></stop><stop offset="95%" stop-color="#ff6"></stop></radialGradient><radialGradient id="MyGradient"><stop offset="5%" stop-color="#f60"></stop><stop offset="95%" stop-color="#ff6"></stop></radialGradient></defs>

如何解决上述问题。