HTML5キャンバス描画基本線。それはバグですか？

Question

私はhtml5に単純な線を描こうとしていますが、次の問題に気付きました。

下記のコードは素晴らしいです。それは最初の行を描画してから、私はすべての変更を参照してくださいいけない理由は、以下のコードは、必ず正確に同じではなくを行う必要があります正しく

topcanvas = document.getElementById("topborder"); 
topcontext = topcanvas.getContext("2d"); 

topcontext.clearRect(0, 0, topcanvas.width, topcanvas.height); 
    topcontext.moveTo(1, 0); 
    topcontext.lineTo(4,0); 
    topcontext.lineWidth = 3; 
topcontext.strokeStyle = "#ff0000"; 
topcontext.stroke(); 

線を描画します。出力は（4,0）

topcanvas = document.getElementById("topborder"); 
topcontext = topcanvas.getContext("2d"); 

    topcontext.clearRect(0, 0, topcanvas.width, topcanvas.height); 
    topcontext.moveTo(1000, 0); 
    topcontext.lineTo(4,0); 
    topcontext.lineWidth = 3; 
topcontext.strokeStyle = "#ff0000"; 
topcontext.stroke(); 

topcontext.clearRect(0, 0, topcanvas.width, topcanvas.height); 
    topcontext.moveTo(1, 0); 
    topcontext.lineTo(4,0); 
    topcontext.lineWidth = 3; 
topcontext.strokeStyle = "#ff0000"; 
topcontext.stroke(); 

キャンバス幅は1000とのIは、最終結果があることを期待するように（4,0）、（1,0）から（1000,0）からのラインでありますキャンバスをクリアするには、高さ3

Answer 1

は、次の手順を実行します

topcanvas.width=topcanvas.width;