I wanted to be able to fill a shape with either two colored stripes or three colored stripes. SVG has fill patterns for this.
Based on the answer here: https://stackoverflow.com/questions/11962077/round-cap-lines-used-in-a-svg-pattern/22401717#22401717[1]