как создать доску понял
<script>
var canvas = document.getElementById("color_chessboard");
var context = canvas.getContext('2d');
canvas.width = 300;
canvas.height = 300;
context.strokeStyle = '#B70A02'; // меняем цвет рамки
context.strokeRect(15, 15, 266, 266);
context.strokeRect(18, 18, 260, 260);
context.fillStyle = '#AF5200'; // меняем цвет клеток
context.fillRect(20, 20, 256, 256);
for (i = 0; i < 8; i += 2)
for (j = 0; j < 8; j += 2) {
context.clearRect(20 + i * 32, 20 + j * 32, 32, 32);
context.clearRect(20 + (i + 1) * 32, 20 + (j + 1) * 32, 32, 32);
}
</script>

1) Имеются SVG шахматных фигур как добавить их на доску?
2) как лучше реализовать drag and drop

Алексей Роза 2020,

Как вставить капринку в див я в курсею А вот как кдётаь фигуру отдельным элементом? которые мышкой двигать можно! или лучше чтото вместо HTML5+JS