JavaScript неполадки.

Здравствуйте! У меня есть одна серьёзная проблема! JavaScript код не применяется, когда я пишу его для WEB-страницы. При этом я проверил с помощью диалогового окна что js работает. Но для сложных программ он не применяется.
1)Я создал канвас в гипертекстовой разметке:
<canvas id="canv" style="display: block;"> </canvas>
2)Задал стили:
body {
background-color: #333;
}
#canv {
position: absolute;
top: 0;right: 0;bottom: 0;left: 0;
margin: auto;
background-color: white;
}
3)Хотел нарисовать на нём сетку с помощью JAVA SCRIPT:
function DCanvas(el)
{
const ctx = el.getContext('2d');
const pixel = 20;
let is_mouse_down = false;
canv.width = 500;
canv.height = 500;
this.drawLine = function(x1, y1, x2, y2, color = 'gray') {
ctx.beginPath();
ctx.strokeStyle = color;
ctx.lineJoin = 'miter';
ctx.lineWidth = 1;
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.stroke();
}
this.drawCell = function(x, y, w, h) {
ctx.fillStyle = 'blue';
ctx.strokeStyle = 'blue';
ctx.lineJoin = 'miter';
ctx.lineWidth = 1;
ctx.rect(x, y, w, h);
ctx.fill();
}
this.clear = function() {
ctx.clearRect(0, 0, canv.width, canv.height);
}
this.drawGrid = function() {
const w = canv.width;
const h = canv.height;
const p = w / pixel;
const xStep = w / p;
const yStep = h / p;
for( let x = 0; x < w; x += xStep )
{
this.drawLine(x, 0, x, h);
}
for( let y = 0; y < h; y += yStep )
{
this.drawLine(0, y, w, y);
}
}
Но ничего не применилось!
Заранее спасибо!
22 ноября 2018 в 20:18
Ближайшие курсы

Как начать свой путь в разработке?
Онлайн-курс
3
марта
Python - вредные советы
Онлайн-курс
3
марта
Интенсив «SMM стратегия: пример разработки»
Онлайн-курс
3
марта
Новые статьи

UI-дизайнер: подробно о профессии дизайнера интерфейсов
21500

Быстрый старт в диджитал-маркетинге
44600

Как защитить Windows: системный подход
122000