Apa fungsi kode derivasi sudut ini?

Singkat cerita - saya memerlukan beberapa kode JS untuk menggambar garis vertikal pada halaman web yang saya kembangkan. Jadi saya mencari-cari beberapa kode ringan (tanpa kerangka kerja atau kanvas) dan menemukan ini:

Gambar garis HTML tanpa kanvas (hanya JS)

Saya memasukkannya ke halaman saya dan berhasil. Semacam itu. Meskipun saya telah memberinya koordinat untuk menggambar garis vertikal, ia memutuskan bahwa garis tersebut harus horizontal. Kode yang dimaksud tampaknya seperti ini:

  var calc=Math.atan((ay-by)/(bx-ax));
  calc=calc*180/Math.PI;

Jika saya memaksa sudutnya menjadi nol, semuanya baik-baik saja (lihat di sini untuk JSFiddle dan coba alihkan tanda calcAngle).

Bagaimana kode ini menentukan sudut garis yang seharusnya?

Catatan JSFiddle hanyalah demonstrasi masalah dan tidak ada hubungannya dengan situs itu sendiri, jadi mohon jangan terpaku pada spesifikasi kode ini.


javascript html math graphics
person Robbie Dee    schedule 27.11.2015    source sumber
comment
Anda telah melewati titik awal dan akhir sebuah garis. Titik-titik tersebut juga membentuk sudut. Meskipun calc = Math.atan((ay-by)/(bx-ax)); harus menggunakan Math.atan2() untuk menyelesaikan sudut 90° dan 270° juga.   -  person Teemu    schedule 27.11.2015
comment
Omong-omong. ini jawaban saya berisi fungsi drawLine sederhana. Mungkin Anda bisa menggunakannya? Kode dikomentari, dan menggunakan divs dan CSS sederhana, dan tidak memerlukan perpustakaan atau kerangka kerja apa pun.   -  person Teemu    schedule 28.11.2015
comment
Sarankan Anda mengganti calc dengan -90 atau 270 dan mengalikannya dengan Math.PI/180.   -  person wolfhammer    schedule 28.11.2015