きれいな局面図をsvgで手軽に : 狼将棋のブログ

将棋の局面図をsvgで書けないかと前々から考えていたのだが、HTML内にbod形式テキストで書いておいて、Javascriptで自動でsvgに書き換えさせれば色々と便利なのでは、と思い立ったのでやってみる。 【第1図】初期配置後手の持駒：なし ９ ８ ７ ６ ５ ４ ３ ２ １ +---------------------------+ |v香v桂v銀v金v玉v金v銀v桂v香|一 | ・v飛 ・ ・ ・ ・ ・v角 ・|二 |v歩v歩v歩v歩v歩v歩v歩v歩v歩|三 | ・ ・ ・ ・ ・ ・ ・ ・ ・|四 | ・ ・ ・ ・ ・ ・ ・ ・ ・|五 | ・ ・ ・ ・ ・ ・ ・ ・ ・|六 | 歩 歩 歩 歩 歩 歩 歩 歩 歩|七 | ・ 角 ・ ・ ・ ・ ・ 飛 ・|八 | 香 桂 銀 金 玉 金 銀 桂 香|九 +---------------------------+ 先手