盤面反転 (reverse)

最初に表示する盤面の反転状態を指定できます。

反転する

盤面反転させて表示する場合、reverse オプションを指定します。

タグ方式

<script type="text/kifu" data-reverse>
▲７六歩 △３四歩 ▲７五歩 △８四歩
</script>

JavaScript関数方式

<div id="board-1"></div>
<script>
  KifuForJS.load({
    "kifu": "▲７六歩 △３四歩 ▲７五歩 △８四歩",
    "reverse": true
  }, "board-1");
</script>

Reactコンポーネント方式

import {KifuLite} from "kifu-for-js";

export const MyComponent = () => {
  return <KifuLite reverse>
▲７六歩 △３四歩 ▲７五歩 △８四歩
  </KifuLite>
}

対局者名による自動反転

特定の対局者名が手前になるように自動反転することもできます。reverse-name オプションに、名前を指定します。部分一致で判定されます。

タグ方式

<script type="text/kifu" data-reverse-name="居飛車">
先手：石田五段
後手：居飛車九段
▲７六歩 △３四歩 ▲７五歩 △８四歩
</script>

JavaScript関数方式

<div id="board-1"></div>
<script>
  KifuForJS.load({
    "kifu": "\n先手：石田五段\n後手：居飛車九段\n▲７六歩 △３四歩 ▲７五歩 △８四歩\n",
    "reverse": {
      "name": "居飛車"
    }
  }, "board-1");
</script>

Reactコンポーネント方式

import {KifuLite} from "kifu-for-js";

export const MyComponent = () => {
  return <KifuLite reverse={{"name":"居飛車"}}>
先手：石田五段
後手：居飛車九段
▲７六歩 △３四歩 ▲７五歩 △８四歩
  </KifuLite>
}

info

デフォルトオプション で reverse-name を指定すると、全ての盤で一括して指定することができ、自戦記などに便利です。

例

<script>KifuForJS.setDefaultOptions({
    reverse: {
        name: "na2hiro"
    }
})</script>

<script type="text/kifu" data-src="棋譜1.kif"></script>
<script type="text/kifu" data-src="棋譜2.kif"></script>