js怎么调用wasm_使用 Go 在 WASM 中进行图像处理的实验

Go 的主分支最近完成了一个 WebAssembly 的工作原型实现。作为 WASM 的爱好者，我自然要把玩一下。

这篇文章，我要记下周末我用 Go 做的处理图像实验的想法。这个演示只是从浏览器中获取图像输入，然后应用各种图像变换，如亮度，对比度，色调，饱和度等，最后将其转储回浏览器。这测试了两件事 - 简单的CPU绑定执行，这是图像转换应该做的事情，以及在 JS 和 Go 之间传递数据。

回调

应该明确如何在 JS 和 Go 之间进行调用，不是我们在 emscripten 中的常用的方式；它是暴露一个函数然后从 JS 调用它。在 Go 中，JS 的互操作是通过回调完成的。在您的 GO 代码中，设置可以从 JS 调用的回调。这些是您希望在 GO 代码中执行的主要事件处理程序。

它看起像这样 -

js.NewEventCallback(js.PreventDefault, func(ev js.Value) {
    // handle event
})

这有个模式-随着你的应用增长，它成为一个 DOM 事件回调处理程序列表。我把它看作 REST 应用的 URL 处理器。

为了规范，我把所有回调作为我的主结构的方法并在一个地方关联它们。类似于你把 URL 处理器声明在不同的文件里并在一个地方设置所有路由一样。

// Setup callbacks
s.setupOnImgLoadCb()
js.Global.Get("document").
    Call("getElementById", "sourceImg").