3 ms·

This is very cool... I wish there was a better explanation of the formula for defining your own pattern (the last example).

• kroltan 6y ago
  It's just a path command string: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Pa... Mixed with some string interpolation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...
  • 1wheel 6y ago
    And if you're using the pattern element, you can drop in any svg element. https://developer.mozilla.org/en-US/docs/Web/SVG/Element/pattern https://developer.mozilla.org/en-US/docs/Web/SVG/Element/pat...
  • sbarre 6y ago
    Thank you for the explanation! I've worked with SVGs before but wasn't aware of this.