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

Canvas HTML - jak narysować drugi obrazek, bez nakładania pętli z pierwszego obrazka?

Aruba Cloud - Virtual Private Server VPS
0 głosów
935 wizyt
pytanie zadane 8 stycznia 2018 w JavaScript przez Danielnic Nowicjusz (210 p.)
otagowane ponownie 8 stycznia 2018 przez Danielnic

Witam.
Wiele rożnych sposobów próbowałem aby narysować drugi obrazek bez nakładania petli z pierwszego jednak nic mi się nie udaje. Więc przychodzę spytaniem, co muszę zrobić aby ten drugi obrazek nie brał tej petli z pierwszego?
Proszę o pomoc, dziękuje pozdrawiam.

 

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<script type="text/javascript">
function draw(startX, startY, len, angle, branchWidth) {
var canvas = document.getElementById('canvas');
  
  if (canvas.getContext)
  {

    var ctx = canvas.getContext('2d');
  

ctx.beginPath();
  ctx.save();
  
  ctx.translate(startX, startY);
  ctx.rotate(angle * Math.PI/180);
  ctx.moveTo(0, 0);
  ctx.lineTo(5, -len);
  ctx.strokeStyle = "darkgreen";
	ctx.fillStyle = "green";
	ctx.lineWidth = branchWidth;
  ctx.stroke();
  
  if(len <8) {
    ctx.restore();
    return;
  }
  
  draw(0, -len, len*0.8, -8, branchWidth*0.8);
  draw(0, -len, len*0.8, 8, branchWidth*0.8);
  
  
  ctx.restore();

 ctx.beginPath();
ctx.rotate(Math.PI / 30);
ctx.rect(30, 20, 250, 150);
ctx.fillStyle="gray";
ctx.fill();
ctx.lineWidth=5;
ctx.strokeStyle="red";
ctx.stroke();
 
}
}


</script>


</head>
<body onload="draw(350,0,120,180);">
<canvas id="canvas" width="2000" height="1170" ></canvas>

</body>
</html>

 

1 odpowiedź

0 głosów
odpowiedź 8 stycznia 2018 przez elwood Gaduła (4,180 p.)
Napisz dokładniej co chcesz zrobić to postaram się pomoc. Chcesz narysować dwa prostokąty po prostu?

Podobne pytania

0 głosów
1 odpowiedź 173 wizyt
pytanie zadane 12 lipca 2018 w JavaScript przez Gapcio Nowicjusz (120 p.)
+1 głos
1 odpowiedź 302 wizyt

93,329 zapytań

142,323 odpowiedzi

322,397 komentarzy

62,658 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 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...