Path: csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: Alessandro Pellizzari <shuriken@amiran.it>
Newsgroups: it.comp.lang.javascript
Subject: Re: Canvas di HTML5, cancellazione contenuto
Date: Fri, 29 Jul 2016 14:40:36 +0100
Lines: 39
Message-ID: <e014mkFaqurU1@mid.individual.net>
References: <G8Imz.47842$pt.5792@tornado.fastwebnet.it>
Mime-Version: 1.0
Content-Type: text/plain; charset=iso-8859-15; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: individual.net Gh443bEh3eE0+IOJiM92FQ3nBgNwnBrjUGDDVLCS+qrStVvVg=
Cancel-Lock: sha1:dTVcEhQo1BzCkyy/H8nZkMeFqc0=
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:45.0) Gecko/20100101 Thunderbird/45.2.0
In-Reply-To: <G8Imz.47842$pt.5792@tornado.fastwebnet.it>
Xref: csiph.com it.comp.lang.javascript:8051

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.