Problem z kolorem linii CANVAS

Question

Witam, podczas rysowania linii w canvasie z jakiegoś powodu wydaje się być szara, mimo że nadany został jej czarny kolor. Co tutaj może być nie tak? (pierwsza linia po lewej stronie zrobiona, przy użyciu fillRecta, mi chodzi natomiast o te drugą pionową i ostatnią poziomą, które są zrobione z ścieżek).

const canv = document.getElementById('chart');
canv.width = '1000';
canv.height = '500';

const cw = canv.width;
const ch = canv.height;

const ctx = canv.getContext('2d');

function bground() {
    const begChartX = cw * 0.15;
    const begChartY = ch * 0.15;
    const endChartX = cw * 0.90;
    const endChartY = ch * 0.80;

    ctx.fillStyle = "#ffffff";
    ctx.fillRect(0, 0, cw, ch);
    //LINIA POZIOMA I PIONOWA
    ctx.beginPath();
    ctx.moveTo(begChartX, begChartY);
    ctx.lineTo(begChartX, endChartY);
    ctx.lineTo(endChartX, endChartY);
    ctx.strokeStyle = "#000000";
    ctx.stroke();
    //LINIE
    let lineYPosition = begChartY;
    const lineHeight = endChartY - begChartY;
    ctx.beginPath();
    while (lineYPosition < endChartY) {
        ctx.moveTo(begChartX - 10, lineYPosition);
        ctx.lineTo(endChartX, lineYPosition);
        lineYPosition += lineHeight/8;
        console.log(lineHeight);
        console.log(lineYPosition);
    }
    ctx.strokeStyle = "#808080";
    ctx.stroke();

}

bground();

 

Answer 1

Dodaj linijkę:
 

ctx.translate(0.5,0.5);

Albo ustaw ctx.lineWidth na 2 :D

Pozdrawiam :>

Comments

To drugie zadziałało, ale zastanawiam się dlaczego przy tej wartości domyślnej wydaje się być szare, nw, może taka mała ta wartość że taki blur się robi?

---

Jest taka możliwość. Dla mnie opcja 1 działa:
https://codepen.io/anon/pen/PxRGNO?editors=1010