Arrows and square highlights

[ajax333221]

Most likely done via Right clicking (once for red square highlight toggle and click+drag for arrow drawing).

Left clicking a square should clear all arrows and red squares.

Config. to have this disabled.

Maybe there should also be a way to describe these arrows in a PGN comment or NAG so they get drawn as the replayer reads the move.

[VladimirMishka]

There is another way to use arrows and circles which is actually more important for me, that is simply programmatically. I am planning a 3-check training app which would read a PGN and after each move do some calculations for Checks, Captures, and Threats (is the opponent threatening a check or capture; if I don't have a check or capture can I threaten a check or useful capture on my next move). This would be similar to the following API methods from vue3-chessboard which uses chessground as the UI:

/**

• draws arrows and circles on the board for possible moves/captures
  */
  drawMoves(): void;

/**

• removes arrows and circles from the board for possible moves/captures
  */
  hideMoves(): void;

/**

• draws an arrow on the board
  */
  drawMove(orig: Square, dest: Square, brushColor: BrushColor): void;

[ajax333221]

plus via API method as suggested by @VladimirMishka