Я применил линейные цветовые коды градиента в одном SVG. Теперь я хочу заменить цветовые коды на любое изображение в качестве фона в SVG.

Мой код линейного градиента цвета ниже:

var ctx = ['rgba(243, 234, 255, 0.5)', 'rgba(134,104,155, 0.5)']; var ctxValue = this.svg .append('defs') .append('linearGradient') .attr('x1', '0%') .attr('x2', '0%') .attr('y1', '0%') .attr('y2', '100%'); ctxValue .selectAll('stop') .data(ctx) .enter() .append('stop') .style('stop-color', function(d) { return d; }) .attr('offset', function(d, i) { return 100 * (i / (ctx.length - 1))   '%'; }); var linearColor = '#ctxValue-'   valId; this.ctxPattern.style('fill', 'url('   linearColor   ')'); 

Теперь цветовой градиент работает как фон SVG.

как применить изображение в SVG вместо цветового градиента. Любой, пожалуйста, помогите.