Fill SVG element with a repeating linear gradient color

Question

I have an SVG element - a rectangle.

Now, to color this element, I use fill attribute that works with any color.

Now, I am trying to give it a strip

Answer 1

Much better solution:

http://jsfiddle.net/mcab43nd/14/