使用web-workers访问预制函数

Question

我目前正在创建一个应用程序，用户可以在图像上应用过滤器。无论如何，根据图像的大小，脚本应用过滤器可能需要很长时间。所以我想让工人们试一试。(PHP不是替代的btw)

所以首先我有一个应用过滤器的函数，它工作得很好(在一个工人之外).So这是我的代码

主javascript文件，我在其中定义了函数和worker：

jQuery(function ($)
{    

    var worker = "undefined";

    applyEffect();
    CreateWorker(worker);
});

//function to apply the effect stands here

/*-------------------*/
  /*WORKER*/
/*-------------------*/


//worker answers
function defineWorker(worker)
{
    worker.onmessage = function(e)
    {
        if(e.data == "msg from worker")
        {
          console.log(e.data);
        }
        worker.terminate();
  }
}


function CreateWorker(worker)
{
    $("#filters li").click(function clickWorker()
    {
        if (typeof worker == "undefined")
        {
            worker.terminate()
        }
        else
        {
            console.log("worker created");
        }
        worker = new Worker('js/worker.js');
        defineWorker(worker);
        worker.postMessage("hello"); // Start the worker.
    });
}

下面是worker(worker.js)：

self.onmessage = function(e)
{
    if(e.data == "hello")
    {
        applyFilter(Argument1,Argument2,function()
        {
            self.postMessage('msg from worker' + $(window).width());
        });
    }
}

当我尝试通过点击启动worker时，我得到"ReferenceError: applyFilter is not defined“，...same对应的是jQuery-code："ReferenceError：$ is not defined”。

我有点理解这里的问题，但我不知道如何解决它。

我希望有人能帮助我:)

Answer 1

每个工作者都有自己的作用域，并且不能访问像applyFilter()-Method这样的公共函数。库和DOM也是如此。工人没有DOM访问，所以我认为你不能在这里使用他们来完成你的任务。

给它一个舔here

一个有效的选择是将所有图像的信息存储在一个对象中，并将该对象提供给工作人员。worker本身然后在对象上应用一些标记或过滤器，并将其发送回main-skript。