---
# System prepended metadata

title: Учебная практика 2022. Среда 29.06. Емец Никита.

---

# Учебная практика 2022. Среда 29.06. Емец Никита.
В процессе выполнения задания canvas функции.
Реализована функция drawCoordinates() для рисовки координатных осей.
```html=1
function drawCoordinates() {
    ctx.strokeStyle = '#008080';
    ctx.strokeWidth = 1;
    for(i = 1;i < Math.abs(ymin) + Math.abs(ymax);i++) {
          ctx.beginPath();
          ctx.moveTo(0, H*(Math.abs(i)/(Math.abs(ymin) + Math.abs(ymax))));
          ctx.lineTo(W, H*(Math.abs(i)/(Math.abs(ymin) + Math.abs(ymax))));
          ctx.stroke();
            }
    for(i = 1;i < Math.abs(xmin) + Math.abs(xmax);i++) {
          ctx.beginPath();
          ctx.moveTo(W*(Math.abs(i)/(Math.abs(xmin) + Math.abs(xmax))), 0);
          ctx.lineTo(W*(Math.abs(i)/(Math.abs(xmin) + Math.abs(xmax))), H);
          ctx.stroke();
            }
    ctx.strokeStyle = "#000000";
    if(ymin > 0 && ymax < 0) {
          ctx.beginPath();
          ctx.moveTo(0, H*(Math.abs(ymax)/(Math.abs(ymax) + Math.abs(ymin))) -1);
          ctx.lineTo(W, H*(Math.abs(ymax)/(Math.abs(ymax) + Math.abs(ymin))) -1);
          ctx.stroke();
          ctx.moveTo(0, H*(Math.abs(ymax)/(Math.abs(ymax) + Math.abs(ymin))));
          ctx.lineTo(W, H*(Math.abs(ymax)/(Math.abs(ymax) + Math.abs(ymin))));
          ctx.stroke();
          ctx.moveTo(0, 1+H*(Math.abs(ymax)/(Math.abs(ymax) + Math.abs(ymin))));
          ctx.lineTo(W, 1+H*(Math.abs(ymax)/(Math.abs(ymax) + Math.abs(ymin))));
          ctx.stroke();
          }   
    if(xmin < 0 && xmax > 0) {
          ctx.beginPath();
          ctx.moveTo(W*(Math.abs(xmin)/(Math.abs(xmin) + Math.abs(xmax)))-1, 0);
          ctx.lineTo(W*(Math.abs(xmin)/(Math.abs(xmin) + Math.abs(xmax)))-1, H);
          ctx.stroke();
          ctx.moveTo(W*(Math.abs(xmin)/(Math.abs(xmin) + Math.abs(xmax))), 0);
          ctx.lineTo(W*(Math.abs(xmin)/(Math.abs(xmin) + Math.abs(xmax))), H);
          ctx.stroke();
          ctx.moveTo(W*(Math.abs(xmin)/(Math.abs(xmin) + Math.abs(xmax)))+1, 0);
          ctx.lineTo(W*(Math.abs(xmin)/(Math.abs(xmin) + Math.abs(xmax)))+1, H);
          ctx.stroke();
          }
        }  
```
![](https://i.imgur.com/m6gpwZj.jpg)
