Javascript Canvas Drawing of order？

Question

私は矩形の上に何らかのテキストを描画しようとしていますが、何らかの理由で矩形の前に描画されています。これは私が、アークなどの他の形状を使用するので、私はそれがブラウザの問題ではないと思うクロムとFirefoxの両方で発生したときに、これは私のコードで起きていないようです：

map_context.fillStyle = "#95609F"; 
map_context.rect(32,32,192,192); 
map_context.fill(); 

map_context.fillStyle = "white"; 
map_context.fillText("+", 128, 128); 

Answer 1

は、これらを交換してください二行：だけで

map_context.rect(32,32,192,192); 
map_context.fill(); 

：

map_context.fillRect(32,32,192,192); 

おそらく、複数の画像を描画しますが、パスを毎回クリアすることを忘れするループで、この同じコードを実行します。 （例えばRECTとして（）に追加されます）のパスあなたはbeginPath()を使用する必要があるために、そのオプションのアプローチは、次のようになります。

map_context.beginPath(); 
map_context.rect(32,32,192,192); 
map_context.fill();