将棋の神様〜0と1の世界〜

「三間飛車のひとくちメモ」管理人、兼「フラ盤」&「チェスクロイド」作者がおくる、将棋コラム

SVG局面図のテスト

約5年半ぶりの更新。御多分に洩れず、藤井四段の大活躍に影響されており、将棋熱が再燃してきている。

以前から、狼将棋のブログさんで使用されているSVG(Scalable Vector Graphics、スケーラブル・ベクター・グラフィックス。詳しくは「WEBデザイナーのはじめての「SVG」 - ウェブ企画ラボ」などを参照)形式で描画された将棋図面に興味を持っていたのだが、先日、これを使用するためのjavascriptが公開された。

shogizumen.js

はてなブログでの使用方法については、コンピュータ将棋研究ブログさんの以下のページを参照にすると良い(このブログを読んでいて、shogizumen.jsの公開を知った)。

www.fgfan7.com

はてなダイアリーだとjavascriptの使用が制限されており導入できなかったため、これだけのために2003年から利用してきた「はてなダイアリー」を離れ、「はてなブログ」へ移行した。これについてはまた別の記事で触れたい。

というわけで、SVG局面図のテスト。拡大/縮小しても、文字にギザギザが現れない。

【第1図は25手目▲3七銀まで】
後手の持駒:なし
  9 8 7 6 5 4 3 2 1
+---------------------------+
|v香v桂 ・ ・ ・v玉v角v桂v香|一
| ・v飛 ・v銀v金 ・v金 ・ ・|二
|v歩 ・ ・v歩 ・ ・v銀v歩v歩|三
| ・v歩v歩 ・v歩v歩v歩 ・ ・|四
| ・ ・ ・ ・ ・ ・ ・ ・ ・|五
| ・ ・ 歩 歩 歩 ・ 歩 ・ ・|六
| 歩 歩 銀 金 ・ 歩 銀 歩 歩|七
| ・ ・ 金 ・ ・ ・ ・ 飛 ・|八
| 香 桂 角 玉 ・ ・ ・ 桂 香|九
+---------------------------+
先手の持駒:なし
手数=25  ▲3七銀  まで
Webで使える!SVGファーストガイド

Webで使える!SVGファーストガイド