привет, есть поле в канвасе, и 2 функции образующих это поле(?), не пойму как они связаны с самим полем. Я понимаю это так, первая функция canvas.onclick - в ней мы делим поле на 30 частей по горизонтали и вертикали, и туда куда мы нажимаем мышкой, ставится единица. Но совсем не понимаю, как функция goLife() связывается с этим полем, как она его делит и как она к нему относится
В html-run почему-то не рисуется квадрат.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#c1 {
width: 300px;
height: 300px;
border: 3px solid black;
margin: 40px;
}
</style>
</head>
<body>
<canvas id="c1" width="300" height="300"></canvas>
<script>
var canvas = document.getElementById('c1');
var ctx = canvas.getContext('2d');
var mas =[];
canvas.onclick = function(event){
var x = event.offsetX;
var y = event.offsetY;
console.log(x);
console.log(y);
x = Math.floor(x/10); //300 /10 = 30
y = Math.floor(y/10); //300 /10 =
mas[y][x]=1;
console.log(mas);
}
function goLife(){
var n=30, m=30;
for (var i=0; i<m; i++){
mas[i]=[];
for (var j=0; j<n; j++){
mas[i][j]=0;
}
}
}
goLife();
</script
</body>
</html>