javascript非阻塞图像加载？

Question

每30ms调用一次此函数

function draw(){
    context.clearRect(0, 0,canvas.width, canvas.height);

    context.drawImage(displayme, plot.position.x, plot.position.y, plot.width, plot.height);    
}

和一些鼠标事件会修改displayme.src和绘图位置

但是当加载新的src时，所有其他javascript被阻止并且无法移动（先前加载的）图像

我也尝试过使用其他Image对象并将其分配给“ displayme”，但是它没有用

任何帮助将是最欢迎的

Answer 1

AFAIK所有浏览器都在单个线程中运行javascript。 您可以使用setTimeout()进行设置，以便此函数立即返回，但在该函数实际运行浏览器时，该页面上将不会运行任何其他JavaScript。 这模拟了多线程，但不应将其误认为是真实的东西。

function draw(){
    // allows immediate return and "schedules" the anonymous function next
    setTimeout( function() {
        context.clearRect(0, 0,canvas.width, canvas.height);
        context.drawImage(displayme, plot.position.x, plot.position.y,
                                     plot.width, plot.height);
    },0);
 }