2018年10月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
無料ブログはココログ

« スピリッツ 目次 2012年 11月 26日号 NO. 50 | トップページ | スピリッツ 目次 2012年 12月 3日号 NO. 51 »

2018-05-24

svg 補遺(成銀など)

駒が動いたので終了の予定だったが、、、

小駒が成ったものは、『全圭杏』を使えばいいのだが「成銀」などの表示をしたいこともある。

成香 成桂 成銀 成銀 成桂 成香

scale(1,0.5)を使ったのだが、指定する y 座標を二倍にするのがシャクなところ。

<body>
<svg width="300pt" height="300pt" viewBox="0 0 11 11"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">

<g stroke="brown">
  <path stroke-width="0.08" 
    d="M0.95 0.18 h9 v9 h-9 v-9 Z" fill="none" />
  <path stroke-width="0.02" 
    d="M0.95 1.18 h9 m-9 1 h9 m-9 1 h9 m-9 1 h9 m-9 1 h9 m-9 1 h9 m-9 1 h9 m-9 1 h9
        m-8 -8 v9 m1 -9 v9 m1 -9 v9 m1 -9 v9 m1 -9 v9 m1 -9 v9 m1 -9 v9 m1 -9 v9" >
</g>

<g font-size="0.9" font-family="serif monospace" >
<g transform="translate(0.0,-0.415) scale(1,0.5)">
<text x="1 1" y="2 3" >成香</text>
<text x="2 2" y="4 5" >成桂</text>
<text x="3 3" y="6 7" >成銀</text>
</g>
<g transform="translate(0.9,-0.74) scale(1,0.5)">
<text x="9 9" y="19 18" rotate="180">成銀</text>
<text x="8 8" y="17 16" rotate="180">成桂</text>
<text x="7 7" y="15 14" rotate="180">成香</text>
<g>

</g>
</svg>

« スピリッツ 目次 2012年 11月 26日号 NO. 50 | トップページ | スピリッツ 目次 2012年 12月 3日号 NO. 51 »

「詰将棋」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/148337/66752577

この記事へのトラックバック一覧です: svg 補遺(成銀など):

« スピリッツ 目次 2012年 11月 26日号 NO. 50 | トップページ | スピリッツ 目次 2012年 12月 3日号 NO. 51 »