jquery - insert multiple images into svg path -

jquery - insert multiple images into svg path -

i want insert multiple images including background color.

<defs> <pattern id="img1" patternunits="userspaceonuse" width="1280" height="15"> <image xlink:href="images/l1gloss.png" x="0" y="0" width="1280" height="15" /> </pattern> </defs> <path id="curve" style="fill:#990000 url(#img1)" d="m1279.919,13c0,0-612.618,21.562- 816.925,22.298c347.224,35.715,0,26,0,26v13c0,0,347.981,9.71,464.005,9.287c668.059,21.542,1279.919,0,1279.919,0v13z" filter="url(#f1)" stroke="none"> </path>

but showing black curve. if remove either fill color or #img1 style works. want utilize both fill color , #img in curve path. please help.

you can't fill path color , pattern together. can task creating 2 paths. path background color should come behind of other one.

<path class="curve" style="fill:#990000" d="m1279.919,13c0,0-612.618,21.562- 816.925,22.298c347.224,35.715,0,26,0,26v13c0,0,347.981,9.71,464.005,9.287c668.059,21.542,1279.919,0,1279.919,0v13z" filter="url(#f1)" stroke="none"> </path> <path class="curve" style="url(#img1)" d="m1279.919,13c0,0-612.618,21.562- 816.925,22.298c347.224,35.715,0,26,0,26v13c0,0,347.981,9.71,464.005,9.287c668.059,21.542,1279.919,0,1279.919,0v13z" filter="url(#f1)" stroke="none"> </path>

jquery css svg