SVGLoader: Fix parsing of 'points' attribute

[ozekik]

Description

SVGLoader() parses the values of points attribute of <polyline>/<polygon> wrongly.
For example, it parses 1e2,50 to a pair of 2 and 50, not 100 and 50; the problem is that the value of the attribute is defined to be a list of <number>+ ¹, which allows numerals in the exponential notation², but SVGLoader()'s regex does not.

Demo: https://stackblitz.com/edit/js-ulgby6?devToolsHeight=33&file=index.js

This is caused by the following regex in SVGLoader.js for parsing <polyline>/<polygon>. This PR fixes the regex accordingly.

three.js/examples/jsm/loaders/SVGLoader.js

Line 869 in 4fa0146

const regex = /(-?[\d\.?]+)[,|\s](-?[\d\.?]+)/g;

three.js/examples/jsm/loaders/SVGLoader.js

Line 904 in 4fa0146

const regex = /(-?[\d\.?]+)[,|\s](-?[\d\.?]+)/g;

Footnotes

1. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/points ↩

2. https://developer.mozilla.org/en-US/docs/Web/SVG/Content_type#number ↩

[ozekik]

Thanks for the review. I just noticed further that [,|\s] in the original regex should be replaced by (?:,|\s), so I made an edit to the commit. I'm sorry but please re-review if necessary.

[Mugen87]

The test files still do work 😊 !