GWT Canvas: come cambiare linea di colore

Question

Dal momento che l'area di disegno in GWT è stata tutta la mappa, mi permetta di essere esplicito e dire che sto usando questo:

import com.google.gwt.canvas.client.Canvas; 

Il problema è che se disegno una linea nera e poi passa al rosso, anche la prima riga diventa rossa.

// draw line in black 
context.moveTo(xScale(-0.5), yScale(0.0)); 
context.lineTo(xScale(15.0), yScale(0.0)); 
context.stroke(); 

// change to red 
context.setStrokeStyle(CssColor.make(255,0,0)); 


context.moveTo(xScale(0.0), yScale(20.0)); 
context.lineTo(xScale(0.0), yScale(-20.0)); 
context.stroke(); 

// both lines appear in red 

Qual è il metodo corretto per modificare il colore della penna?

Answer 1

Chiamare context.beginPath() prima di ogni nuova forma/linea con colore diverso dovrebbe risolvere il problema.

// draw line in black 
context.beginPath(); 
context.moveTo(xScale(-0.5), yScale(0.0)); 
context.lineTo(xScale(15.0), yScale(0.0)); 
context.stroke(); 

context.beginPath(); 
// change to red 
context.setStrokeStyle(CssColor.make(255,0,0)); 

context.moveTo(xScale(0.0), yScale(20.0)); 
context.lineTo(xScale(0.0), yScale(-20.0)); 
context.stroke(); 

// both lines appear in red 

Fondamentalmente BeginPath() spinto lo stato