簡體   English   中英

HTML5 canvas應用程序(javascript)-如何檢測內存泄漏?

[英]HTML5 canvas application (javascript) - how to detect a memory leak?

我遇到了一個奇怪的問題-應用程序運行時速度迅速下降。 我唯一想到的是內存泄漏,但是如何在javascript中檢測到它呢? 有什么工具嗎? 無論如何,這是代碼:

function draw_ship(){
    //Body
    var sbpaint = ctx.createLinearGradient(shipx+20,shipy,shipx+20,shipy+15);//painting the ship
    sbpaint.addColorStop(0,'rgb(220,220,230)');
    sbpaint.addColorStop(1,'rgb(150,150,160)');
    ctx.fillStyle = sbpaint;
    ctx.moveTo(shipx,shipy);
    ctx.lineTo(shipx+40,shipy);
    ctx.lineTo(shipx+55,shipy+15);
    ctx.lineTo(shipx-15,shipy+15);

    ctx.fill();
    //Head
    var shpaint = ctx.createLinearGradient(shipx+20,shipy,shipx+20,shipy-20);
    shpaint.addColorStop(0,'rgb(200,200,210)');
    shpaint.addColorStop(1,'rgb(100,100,110)');
    ctx.fillStyle = shpaint;
    ctx.arc(shipx+20,shipy,20,Math.PI,Math.PI*2,false);
    ctx.fill();
}

如您所見,這非常簡單,而且我真的很困惑,泄漏可能在哪里。 應用程序本身在這里: link ,從菜單中選擇“ Scroller”。

感謝您的時間。

問題被證明是煩人的,這很瑣碎-在使用lineTo繪制表單之前缺少.beginPath()方法。 感謝所有發表評論的人。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM