icon test

test for visor tray icon

by falldeaf

HTML

<canvas height="16" width="16" id="canv"></canvas>

CSS

body {
  background-color:#000000;
}

#canv {
  height:16px;
  width:16px;
}

JavaScript

//const canvas = createCanvas(200, 200)
const canvas = document.getElementById("canv")
const ctx = canvas.getContext('2d')
canvas.style.background = "red";

var centerX = canvas.width / 2;
var centerY = canvas.height / 2;

      ctx.beginPath();
      //ctx.arc(centerX, centerY, 7, Math.PI*1.2, true);
      ctx.scale(1,2);
      ctx.rotate(30*Math.PI/180);
      ctx.arc(centerX, centerY, 7, 0, Math.PI, true);
      //ctx.fillStyle = 'white';
      //ctx.fill();
      ctx.lineWidth = 2;
      ctx.strokeStyle = '#FFFFFF';
      ctx.stroke();