Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > it.comp.lang.javascript > #8051

Re: Canvas di HTML5, cancellazione contenuto

Show all headers | View raw

On 29/07/2016 13:40, leonardo.1+++ wrote:

> perché disegna di nuovo anche il segmento precedentemente cancellato?

> $(document).ready(function() {
>
> var canvas = document.getElementById("myCanvas");
> var ctx = canvas.getContext("2d");

Qui stai ottenendo un context

> $("#Cancella").click(function(){  // alert("fatto click sul Cancella");
>  ctx.clearRect(0, 0, canvas.width, canvas.height);

E qui lo usi.

>   });
>
> $("#Esegui").click(function(){// alert("fatto click sul Esegui");
>
> var canvas = document.getElementById("myCanvas");
> var ctx = canvas.getContext("2d");

Qui ne chiedi un altro. Puoi usare lo stesso che hai già creato fuori 
dalla funzione.

Ma non è qui il tuo problema, questa è solo "ottimizzazione". :)

> ctx.moveTo($x1,$y1);
> ctx.lineTo($x2,$y1);
> ctx.stroke();

Qui non stai svuotando il buffer dei segmenti.
Prima di fare il moveTo() devi chiamare beginPath() per svuotare il 
buffer, altrimenti ti ridisegna tutto ogni volta.

Bye.

Back to it.comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar

Thread

Canvas di HTML5, cancellazione contenuto "leonardo.1+++" <leonardo.1@fastwebnet.it> - 2016-07-29 14:40 +0200
  Re: Canvas di HTML5, cancellazione contenuto Alessandro Pellizzari <shuriken@amiran.it> - 2016-07-29 14:40 +0100
    Re: Canvas di HTML5, cancellazione contenuto "leonardo.1+++" <leonardo.1@fastwebnet.it> - 2016-07-29 16:33 +0200

csiph-web