javascript - 将SVG多边形点转换为路径？

Question

我正在寻找一个可以转换如下内容的函数：

var points="270,328 270,376 342,376 342,368 358,368 358,320 314,320 298,336 278,336"

进入路径的 SVG 格式，我已经看到了这个问题/答案，但我得到一个错误：Uncaught TypeError: Cannot read property 'ownerSVGElement' of undefined. 这是因为我将我的 var 点放入该函数中，该函数不是为此而设计的，我认为它需要完整的 xml 或其他东西。

任何建议都很棒，尤其是强制插画家导出路径而不是多边形！

谢谢！

Answer 1

var points="270,328 270,376 342,376 342,368 358,368 358,320 314,320 298,336 278,336"

var p = points.split(/\s+/);
var path = "";
for( var i = 0, len = p.length; i < len; i++ ){
    path += (i && "L" || "M") + p[i]
}

console.log( path )
=> M270,328L270,376L342,376L342,368L358,368L358,320L314,320L298,336L278,336