使用Go WebAssembly访问ImageData.data

package main

import (
    "syscall/js"
)

func main() {
    // 获取全局的JavaScript对象
    global := js.Global()

    // 获取Canvas元素
    canvas := global.Get("document").Call("getElementById", "canvas")

    // 创建2D上下文
    context := canvas.Call("getContext", "2d")

    // 加载图像数据
    imageData := context.Call("getImageData", 0, 0, canvas.Get("width"), canvas.Get("height"))

    // 获取像素数据
    pixelData := imageData.Get("data")

    // 获取像素数据的长度
    length := pixelData.Length()

    // 遍历像素数据
    for i := 0; i < length; i += 4 {
        // 获取RGBA值
        r := pixelData.Index(i).Int()
        g := pixelData.Index(i + 1).Int()
        b := pixelData.Index(i + 2).Int()
        a := pixelData.Index(i + 3).Int()

        // 对像素进行处理，例如修改颜色等操作

        // 示例：将像素设置为红色
        pixelData.SetIndex(i, 255)     // 设置红色通道为255
        pixelData.SetIndex(i+1, 0)     // 设置绿色通道为0
        pixelData.SetIndex(i+2, 0)     // 设置蓝色通道为0
        pixelData.SetIndex(i+3, 255)   // 设置透明度为255
    }

    // 将修改后的像素数据重新绘制到Canvas上
    context.Call("putImageData", imageData, 0, 0)
}