2017-03-04 125 views
1

我不知道如何使这个算法在JavaScript/Node.js的由像素的位图转换为SVG路径像素:位图到SVG路径

inputinput

// input 
0 0 0 0 0 0 0 0 0 0 
0 0 0 0 0 0 0 0 0 0 
0 0 1 1 1 1 1 1 0 0 
0 0 1 1 1 1 1 1 0 0 
0 1 1 1 0 0 1 1 1 0 
0 1 1 1 0 0 1 1 1 0 
0 0 1 1 1 1 1 1 0 0 
0 0 1 1 1 1 1 1 0 0 
0 0 0 0 0 0 0 0 0 0 
0 0 0 0 0 0 0 0 0 0 

// output 
<path d="M2 2 h6 v2 h1 v2 h-1 v2 h-6 v-2 h-1 v-2 h1 v-2 M4 4 v2 h2 v-2 z"> 

有谁知道如何该算法应该工作?

任何伪代码都会有所帮助。

工具做了类似的方法:

+1

所以你的问题是“我创建的算法。我不知道如何使这个算法”? –

+0

是的,我会更新问题 – pravdomil

回答

2

可以转换像素这样的SVG路径字符串。

enter image description here

使用这种算法,我做了剧本覆羽像素艺术SVG。

http://defghi1977.html.xdomain.jp/tech/img2svg3/dot2svg3.htm

(很抱歉,这页是用日文)。

+0

是的,基本上是这样,但从一步到二步让我陷入困境,你是怎么加入你的算法中的重叠向量? – pravdomil

+0

例如,如果一个向量是由'x:y:direction'(字符串)表示的,则'0:0:right'向量的逆向为'1:0:left'。所以你可以将矢量推到(普通)对象作为搜索逆矢量的关键。 – defghi1977

+0

我认为我拥有它,您的代码是否可以在互联网上使用? GitHub的?顺便说一句,我添加了更多的工具来解决同样的问题,其中大部分来自日本:)看看问题 – pravdomil