0

我需要填写使用 javascript 动态创建的路径。我为此创建了一个渐变并用它来填充我的路径，但什么也没发生。我的代码有什么问题？

$('svg').prepend('<defs id="gradient"></defs>');
$('#gradient').append('<linearGradient id="yellow" x1="0%" y1="0%" x2="100%" y2="0%">  </linearGradient>');
$('#yellow').append('<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" /> <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />');
$('g:nth-child(2n+1) path').attr('fill','url(#gradient)');`
4

1 回答 1

0

您的填充指向 defs 元素而不是线性渐变。id="gradient" 应该在 linearGradient 元素上 - 或者使填充 url(#yellow)

于 2012-04-19T12:04:56.897 回答