画布绘制函数以异步方式运行

我在这里做的是覆盖整个网页，加载了画布层。现在，在该画布上，用户单击该单击将创建一个点。此时createDot()函数被调用。

在createDot()内部，点被绘制到画布上，然后将屏幕截图请求发送到后台脚本。

现在的问题是，当我单击画布并截取屏幕截图时，屏幕截图中没有出现该点。

奇怪的是，当我在同一画布上单击第二个点并且屏幕截图出现时，它现在有我单击的第一个点，而不是第二个点。

因此，正在发生的事情是屏幕截图没有捕获当前点，而只是捕获以前的点。

我检查了画布绘图功能是否全部阻塞，因此在绘图完成之前无法将请求发送到后台脚本。我也通过登录到控制台来确认这一点。

内容脚本：

function createDot(canvas) {
    var context = canvas.getContext("2d");
    var canvasOffset = $("#canvas").offset();
    var offsetX = canvasOffset.left;
    var offsetY = canvasOffset.top;
    var pointX , pointY;
    var point_X,point_Y;
    function handleMouseDown(e) {
        //coordinates of the click in dom.
        pointX = parseInt(e.pageX - offsetX);
        pointY = parseInt(e.pageY - offsetY);
        //making the dot
        var radius = 10;
        context.beginPath();
        context.arc(pointX, pointY, radius, 0, 2 * Math.PI);
        context.fillStyle = 'red';
        context.fill();
        context.lineWidth = 2;
        context.strokeStyle = '#003300';
        context.stroke();
        console.log("drawn everything");
        takeDotScreenshot();  //gets called when the canvas has finished its job of drawing.
    }
    $("#canvas").mousedown(function (e) {
        handleMouseDown(e);
    });
}
function takeDotScreenshot() {
    console.log("sending request to Background script");
    chrome.runtime.sendMessage({"capture":true},function(response) {
        var img_src=response.screenshot;
    });
    //logic for using that screenshot and appending it on to the content page...
}

后台脚本：

chrome.runtime.onMessage.addListener(function(request,sender,sendResponse) {
    if(request.capture) {
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.captureVisibleTab(null, {}, function(dataUrl) {
                if(dataUrl) {
                    sendResponse({"screenshot":dataUrl});           
                }
            });
        });
    }
    return true;
});

更新：

如果我使用 setTimeout 1ms 来调用 takeDotScreenshot 函数，一切正常。为什么！

setTimeout(takeDotScreenshot, 1);