isplay:block; width:100%; height:100%; margin:0px; padding:0px;"></div>
</div>
            
<script>

function draw_path(c2,path,w,h) {
  c2.beginPath();
  c2.moveTo(path[0][0]*w/100, path[0][1]*h/100);
  for(let i=1;i<path.length;i++) {
    c2.lineTo(path[i][0]*w/100, path[i][1]*h/100);
  }
  c2.closePath();
  c2.fill();
}

function draw_paths(id,color,paths) {
  var canvas = document.getElementById(id);
  var c2 =  canvas.getContext('2d');
  var w=canvas.width;
  var h=canvas.height;
  c2.clearRect(0, 0, 