我无法用颜色填充线条。它只是让他们变黑

Question

我正在尝试进行绘制模拟，但它不起作用。我确保 colors[penColorsIndex] 是正确的并且我没有收到任何错误。谁能帮忙？当我调用 drawLines(lineArray) 时，颜色为黑色。因此，它只显示黑线而不是红线、绿线或黄线。

var lineObj = {
        px: pmouseX,
        py: pmouseY,
        x: mouseX,
        y: mouseY,
        c: colors[penColorsIndex],
        size: penSizes[penSizesIndex]
    };
lines.push(lineObj);

function drawLines(lineArray) {
    for (var i = 0; i < lineArray.length; i++) {
         fill(lineArray[i].c);
         strokeWeight(lineArray[i].size)
         line(lineArray[i].px, lineArray[i].py, lineArray[i].x, lineArray[i].y);
    }


};

Answer 1

我认为你显示使用 stroke() 而不是 fill()。

stroke(lineArray[i].c);
strokeWeight(lineArray[i].size)
line(lineArray[i].px, lineArray[i].py, lineArray[i].x, lineArray[i].y);

描边是边框，填充是背景。

我无法用颜色填充线条。它只是让他们变黑

I cannot fill the lines with color. It simply makes them black

javascript

p5.js