Я пытаюсь нарисовать структуру, подобную сетке, используя HTML Canvas (2d Context) , но четкость линий в моей сетке туманна, толста и плоха при сравнении моей сетки холста с сеткой Div. Пожалуйста помоги.

context.strokeWidth = 1;
context.lineWidth   = 1;

function scaleCanvas(canvas, width, height) {
        var ratio           = Math.ceil(Math.max(window.devicePixelRatio, 1));
        var context         = canvas.getContext('2d'); 
        canvas.width        = width * ratio;
        canvas.height       = height * ratio;
        canvas.style.width  = width + 'px';
        canvas.style.height = height + 'px';
        context.scale(ratio, ratio);
    }  
1
sathyan b

1 ответ

Не могли бы вы загрузить весь свой код, включая HTML, чтобы его можно было запустить.

Что вы можете сделать, так это добавить класс к своим HTML-тэгам, чтобы вы могли редактировать класс с помощью Javascript вместо непосредственного добавления встроенного стиля. Вы можете искать этот элемент, используя getElementByClass(your_class).

Чтобы дать лучшее решение вашей проблемы, мне нужно увидеть больше вашего кода. Попробуйте использовать Jsfiddle или Codepen!

58516917