最简单的SVG线抽屉

时间:2012-11-18 15:08:45

标签: xml svg line

我正在努力寻找最简单的SVG线条抽屉。我正在为行(或两个x和y坐标)解析svg文件,并使用它们在我正在创建的游戏中创建墙。我只需要绘制直线并将其保存到svg文件的能力。输出应包括定义线的两个x和Y坐标。如果我能够根据我的选择设置文档的大小(通常一张地图是5k * 5k px)也是最好的。

我希望找到的是一个非常简单的程序,我只需在编辑器中放置行并保存为SVG(或任何可以将两个x和y坐标真正定义为行的格式)。我开始关注inkscape和其他几个,但它通常是我没有时间学习的高级工具,而且我没有使用这些工具中99.99%的功能。

有没有人对可以满足我需要的程序有任何建议?

2 个答案:

答案 0 :(得分:3)

试试SVG-edit,它是一个基于浏览器的简单编辑器,链接到我认为适合您的目的的演示网站。

选择线条工具,绘制线条,单击SVG按钮,抓取XML。

谷歌代码上的

Official site

答案 1 :(得分:1)

SVG只是一个具有精确词汇表的XML文件。它需要一个带有 svg 标记的文本文件:

<?xml version="1.0" ?>
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
        .... Lines here
</svg:svg>

要做一个简单的线,你可以用原点(x1,y1)和目的地(x2,y2)和样式来定义它。最简单的需要是指定“笔画”

<svg:line x1="0" y1="0" x2="500" y2="500" style="stroke:black"/>

您可以使用“polygon”或“rect”进行更复杂的绘制

创建一个解析器以将文件或文本框中的数据转换为svg

,这是微不足道的

萨吕,