0

だから私はページを書いていますが、同じものを描画するロード時間を測定しますが、1つはSVGで、もう1つはキャンバスです。

ランダムな位置に正方形を描画し、両方を描画した後にページを読み込みます-svgはより時間がかかります。しかし、両方の時間は同じで、Canvas 描画の時間のように見えます。ロード時間を確認するために使用する方法は単純で、関数の開始と終了から日付を取得するだけです。これで、どれくらいの時間がかかるかがわかります。しかし、他の図面で同じトリックを試すと、同じ時間が得られます-最初のもの（キャンバス）

私は何を間違っていますか?? それとも、1ページでできないのでしょうか??

次のような私のコード：

function draw(){
before = (new Date()).getTime();
//Draw Canvas
var ctx = document.getElementById('canvas').getContext('2d');
for(var i=0;i<10000;i++){

    //code for drawing Canvas- works and is not important in this question

}

//load time  Canvas                 
var after = (new Date()).getTime(); 
var sec = (after-before)/1000; 
var renTime = document.getElementById("loadingtime"); 
renTime.innerHTML = "Figury Canvas rysowały się: " + sec + " sekund."; 

 // draw svg 

 beforeSVG = (new Date()).getTime();

for (var i = 0; i < 100000; i++) {

    //code for drawing SVG - works and is not important in this question

}

//load time SVG                 
 var afterSVG = (new Date()).getTime(); 
 var secSVG = (after-before)/1000; 
 var renTimeSVG = document.getElementById("loadingtimeSVG"); 
 renTimeSVG.innerHTML = "Figury rysowały się: " + secSVG + " sekund."; 
}
4

1 に答える 1

2

svg ベンチマークのキャンバス ベンチマークからの時間をまだ使用しています。

var secSVG = (after-before)/1000;

彼らはあるはずではありません：

var secSVG = (afterSVG-beforeSVG)/1000;
于 2013-09-16T15:10:13.457 に答える