<script>
var canvas=document.getElementById("myCanvas");
var context=canvas.getContext("2d");
var startX = 35;
var startY = 30;
var zigzagSpacing = 40;
context.lineWidth = 5;
context.strokeStyle = "blue";
context.beginPath();
context.moveTo(startX, startY);
for (var n = 0; n < 7; n++) {
var x = startX + ((n + 1) * zigzagSpacing);
var y;
if (n % 2 == 0) {
y = startY + 100;
}
else {
y = startY;
}
context.lineTo(x, y);
}
context.stroke();
</script>
Realizacija koda: