• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

canvas, rysowanie linii od danego punktu do innego punktu

VPS Starter Arubacloud
0 głosów
263 wizyt
pytanie zadane 7 marca 2019 w JavaScript przez program naczelny Gaduła (3,320 p.)
 const canvas = document.getElementById('canvas');
 const ctx = canvas.getContext('2d');


 canvas.width = 1000;
 canvas.height = 500;
 
var x,y, cord_1x, cord_2x, cord_1y, cord_2y, divide, bufor;


function get_text1()
{
x = prompt("enter coordinate 1x")
y = prompt("enter coordinate 1y")
}

function get_text2()
{	
cord_2x = prompt("enter coordinate 2x")
cord_2y = prompt("enter coordinate 2y")
}

 
 function draw()
 {	
 while(x<cord_2x)
 {	 
 x++;
 y+=divide;
 ctx.fillStyle = 'white';
 ctx.fillRect(x, y, 2, 2);
 }
 }
 
function board()
 { 
 ctx.fillStyle = 'black';
 ctx.fillRect(0, 0, 1000, 500);
 }
  
 get_text1()
 get_text2()
 bufor=cord_2y;
 divide=(bufor/cord_2x);
 
 

 //y=100; kiedy by to (zdekomentować) i w tym miejscu by zadeklarować do obu zmiennych dane wartości to linia na stronie by się wyświetliła.
 //x=100;

 draw()


 //setInterval(game, 100)

Witam!

Moim problemem który napotkałem przy tworzeniu programu mającego na celu narysowanie linii od wybranych koordynatów  do docelowych koordynatów, jest to iż po pobraniu początkowego x i y metodą prompt linia się nie pokazuje. Przeciwnie w momencie zadeklarowania wartości do zmiennej w kodzie w momencie który powyżej skomentowałem i zaznaczyłem. W tej sytuacji linia zostaje narysowana. 
Myślę że może być za to odpowiedzialna właśnie ta dziwna funkcja prompt, ale nie potrafię znaleźć buga.

*Generalnie zamiast użyć algorytmu Bresenhama spróbowałem swojej metody, i jak się okazuje dzieląc koordynat y2 przez x2 otrzymujemy ułamek który dodając do y1 przy ówczesnym  dodawaniu 1 do x1 dostajemy uproszczoną metodą wynik bliski pierwszemu sposobowi. Oczywiście takie rozwiązanie jeszcze nie jest responsywne ale to kwestia kilku linii kodu

 

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

+1 głos
1 odpowiedź 710 wizyt
pytanie zadane 31 marca 2019 w JavaScript przez program naczelny Gaduła (3,320 p.)
+2 głosów
1 odpowiedź 286 wizyt
pytanie zadane 16 czerwca 2016 w HTML i CSS przez Alterwar Dyskutant (7,650 p.)
0 głosów
1 odpowiedź 342 wizyt
pytanie zadane 15 listopada 2016 w JavaScript przez Adam Klepacz Początkujący (440 p.)

93,078 zapytań

142,042 odpowiedzi

321,446 komentarzy

62,423 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...