simulations/simulations.js at master · eirkostop/simulations · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
var pointerX, pointerY, scale = 1;
var cornerRadius = 5;
var distanceX, distanceY, pointerX0, pointerY0;
var xr = 18,  yr = 20;

function resizeFonts() {
  if (window.innerWidth <= 1000 && window.innerWidth >= 500) {
    document.body.style.fontSize = "1.6vw";
  } else if (window.innerWidth > 1000) {
    document.body.style.fontSize = "16px";
  } else if (window.innerWidth < 500) {
    document.body.style.fontSize = "3.2vw";
  }
}

function resizeCanvas(myCanvas,initialWidth,initialHeight) {
  var c = document.getElementById(myCanvas);
  var ctx = c.getContext("2d");
  if (window.innerWidth <= 1000 && window.innerWidth >= 500) {
    scale = (window.innerWidth ) / 1000;
    c.width = initialWidth * scale;
    c.height = initialHeight * scale;
    ctx.scale(2 * scale, 2 * scale);
  } else if (window.innerWidth > 1000) {
    c.width = initialWidth;
    c.height = initialHeight;
    ctx.scale(2, 2);
  } else if (window.innerWidth < 500) {
    scale = (window.innerWidth ) /500;
    c.width = initialWidth * scale;
    c.height = initialHeight * scale;
    ctx.scale(2 * scale, 2 * scale);
  }
}


function hideDIV(myDIV,myDIV2) {
  this.toggle = !this.toggle;
  var target = document.getElementById(myDIV);
  if (this.toggle) {
    newWidth = target.style.width;
    target.style.width = 0 + "px";
    document.getElementById(myDIV2).style.display = "none";
    document.getElementById('hide-button').classList.remove("fa-eye-slash");
    document.getElementById('hide-button').classList.add("fa-eye");
    document.getElementById('hide-button').title = "Δείξε το εκκρεμές";
  } else {
    target.style.width = newWidth;

    setTimeout(function() {
      document.getElementById(myDIV2).style.display = "inline-block"
    }, 1000)
    document.getElementById('hide-button').classList.remove("fa-eye");
    document.getElementById('hide-button').classList.add("fa-eye-slash");
    document.getElementById('hide-button').title = "Κρύψε το εκκρεμές";
  }
}

function drawRect(rectX, rectY, rectWidth, rectHeight, cornerRadius, myCanvas) {
  var c = document.getElementById(myCanvas);
  var ctx = c.getContext("2d");
  ctx.beginPath();
  ctx.moveTo(rectX, rectY + cornerRadius);
  ctx.arcTo(rectX, rectY, rectX + cornerRadius, rectY, cornerRadius);
  ctx.lineTo(rectX + rectWidth - cornerRadius, rectY);
  ctx.arcTo(rectX + rectWidth, rectY, rectX + rectWidth, rectY + cornerRadius, cornerRadius);
  ctx.lineTo(rectX + rectWidth, rectY + rectHeight - cornerRadius);
  ctx.arcTo(rectX + rectWidth, rectY + rectHeight, rectX + rectWidth - cornerRadius, rectY + rectHeight, cornerRadius);
  ctx.lineTo(rectX + cornerRadius, rectY + rectHeight);
  ctx.arcTo(rectX, rectY + rectHeight, rectX, rectY + rectHeight - cornerRadius, cornerRadius);
  ctx.lineTo(rectX, rectY + cornerRadius);
  ctx.closePath();
  var grd = ctx.createLinearGradient(rectX, rectY, rectX + rectWidth, rectY + rectHeight);
  grd.addColorStop(0, "#f4f4f4");
  grd.addColorStop(1, "#fff");
  ctx.fillStyle = grd;
  ctx.fill();
  ctx.strokeStyle = "#59A8A4";
  ctx.lineWidth = 0.1;
  ctx.stroke();
}