0

所以我正在写一个页面，将测量绘制相同内容的加载时间，但一个在 SVG 中，一个在 Canvas 中。

它在绘制两者后在随机位置和页面加载中绘制正方形 - svg 需要更多时间。但是这两个时间都是一样的，看起来像是画布上的时间。我用来查看加载时间的方法很简单，只需从函数开始和结束日期开始。这样我就知道需要多少时间。但是当我在另一幅画上尝试同样的技巧时，它给了我同样的时间——第一个（画布）

我做错了什么？？或者也许我不能在一页上做到这一点？？

我的代码如下所示：

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 回答