対戦オセロwebapi

#概要

対戦オセロwebapiを作ってみる。
石を作る。
サイズは、120*40

#写真

#サンプルコード

ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(0, 40);
ctx.lineTo(120, 40);
ctx.lineTo(120, 0);
ctx.lineTo(0, 0);
ctx.moveTo(40, 0);
ctx.lineTo(40, 40);
ctx.moveTo(80, 0);
ctx.lineTo(80, 40);
ctx.closePath();
ctx.fillStyle = "limegreen";
ctx.fill();
ctx.strokeStyle = "black";
ctx.lineWidth = 1;
ctx.stroke();
ctx.beginPath();
ctx.fillStyle = "black";
ctx.arc(20, 20, 18, Math.PI * 2, 0, false);
ctx.fill();
ctx.closePath();
ctx.beginPath();
ctx.fillStyle = "white";
ctx.arc(100, 20, 17, Math.PI * 2, 0, false);
ctx.fill();
ctx.closePath();

#成果物

以上。