Question

我试图创建一个从svg路径容器中获取某个属性的小页面。

我有这个简单的表单，我将我的代码输入到textarea表单中，其形式如下：http://i.imgur.com/K16MOme.png

然后我想把这个路径代码放到我的textarea表单中，当我点击“Create Game”时，它会将/ html附加到我的svg容器中，如下所示：http://i.imgur.com/MRkBjqz.png

SVG Container看起来像这样：

<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 fiddle：http://jsfiddle.net/poignant_benjamin/qp60kf8h/

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

1 个答案: