|
Сообщение от Signal
|
|
как оформить в коде сиё действие
|
что не так в коде ниже?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
canvas {
border: 1px solid red;
}
</style>
</head>
<body>
<canvas width="500" height="300">
</canvas>
<script>
let arr = Array.from({
length: 24
}, _ => Math.random() * 2 + 4);
let canvas = document.querySelector("canvas");
let ctx = canvas.getContext("2d");
let cnvWidth = canvas.width / 23;
let cnvHeight = canvas.height;
let x = 0;
let tempY = arr[0];
ctx.lineWidth = 3;
for (let y of arr.slice(1)) {
ctx.beginPath();
ctx.moveTo(x, cnvHeight * (1 - tempY / 6.2));
ctx.strokeStyle = y < tempY ? "#FF0000" : "#228B22";
tempY = y;
ctx.lineTo(x += cnvWidth, cnvHeight * (1 - y / 6.2));
ctx.stroke();
}
</script>
</body>
</html>