位圖到SVG路徑

Question

我不知道如何使這個算法在JavaScript/Node.js的由像素的位圖轉換爲SVG路徑像素：

// 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"> 

有誰知道如何該算法應該工作？

任何僞代碼都會有所幫助。

工具做了類似的方法：

• https://github.com/59naga/pixel-to-svg
• https://github.com/brainshave/sharpvg
• https://codepen.io/shshaw/pen/XbxvNj
• http://drububu.com/tutorial/bitmap-to-vector.html

Answer 1

可以轉換像素這樣的SVG路徑字符串。

使用這種算法，我做了劇本覆羽像素藝術SVG。

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

（很抱歉，這頁是用日文）。