如何使用JQuery从textarea内容中获取属性？

Question

我正在尝试制作一个从svg路径容器获取特定属性的小页面。

我有一个简单的表单，可以将我的代码输入一个像这样的文本区域表单中： http : //i.imgur.com/K16MOme.png

然后，我想将此路径代码放入我的textarea表单中，当我单击“创建游戏”时，它将像这样将其添加/ html到我的svg容器中： http : //i.imgur.com/MRkBjqz.png

SVG容器如下所示：

<svg id="svgmap" version="1.1">
    <g id="pathdata">

    </g>
</svg>

然后，我需要输入“路径”进入那个g容器。

我可以使用jquery将textarea注入一个简单的div中，但是我无法选择g容器并将其插入其中。 另外，当尝试选择插入的路径时，即时通讯无法执行此操作。

所有这一切的主要目的是显示我输入的svg路径，并将特定的路径属性放入数组中以供进一步使用。

希望有人知道这个问题。

在此先感谢Jesper

Answer 1

代码不完整，但是您可以尝试执行以下操作：

JS

var raw = $('#raw').val();//get value of your textarea
var array = []; // result store here
var rePattern = /([A-Z]{1}[0-9,.]{0,})/gi; //regex to match

raw.replace(rePattern, function(match, text, urlId){
    array.push(match);
});

console.log(array);

HTML

<svg id="svgmap" version="1.1">
    <g id="pathdata">

    </g>
</svg>
<textarea id="raw">L12.12,454.89M54.12,48.65</textarea>

js小提琴： http : //jsfiddle.net/poignant_benjamin/qp60kf8h/