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

塗りつぶしは、linearGradient ではなく defs 要素を指しています。id="gradient" は linearGradient 要素にある必要があります。または、塗りつぶし url(#yellow) を作成します。

于 2012-04-19T12:04:56.897 に答える