JavaScriptでの記述方法について

Question

ブレゼンハムのアルゴリズムを使用したいと思い以下のように記述しましたが、他の言語からの移植であるため、
if ((x0 >= 0) && (y0 >= 0)) {}の部分においてJavaScript初心者の自分では{}の中をどのように記述してよいものか悩んでいます。
setPixel(x0, y0)のような形にはなるのではないかとも考えたのですが違うようでした。
Swiftでは{}の中をsetPixel.append(CGPoint(x: x0, y: y0))となります。
よろしくお願いします。

let x0 = 10;
let y0 = 20;
let x1 = 30;
let y1 = 50;
var setPixel = [];

brezenhumAlg(x0, y0, x1, y1)

function brezenhumAlg(x0, y0, x1, y1) {
        const dx = Math.abs(x1 - x0);
        const dy = Math.abs(y1 - y0);
        const sx = (x0 < x1) ? 1 : -1;
        const sy = (y0 < y1) ? 1 : -1;
        let err = dx - dy;

        while (true) {
            if ((x0 >= 0) && (y0 >= 0)) {}
            if ((x0 == x1) && (y0 == y1)) {break}
            const e2 = err << 1;
            if (e2 > -dy) {err -= dy; x0  += sx}
            if (e2 <  dx) {err += dx; y0  += sy}
        }
return setPixel;
    };

console.log(setPixel);

Answer 1

Canvas に描画すればよいかと思います。
点を描画するAPIはないようなので、1✕1の長方形を描けば良いですね。

プロパティ x y を持つオブジェクトを作って、push()すればよいです。

  if ((x0 >= 0) && (y0 >= 0)) {
    setPixel.push({x:x0, y:y0});
  }

Comments

[X001017]

ありがとうございます。これはCanvasに描きたいわけではなく、値を取るために使用したいので回答とはなりませんでした。

[int32_t]

あ、読み違いしてました。リストに値を足したいのですね。回答を更新します。

[X001017]

大変ありがとうございます。配列への追加はpushでよいのですね。初歩的な質問で大変恐縮です。勉強になりました。ありがとうございます。おかげさまで値を取得することができました。