[g-plugin-webgpu-device] 支持加载 Image 到 Texture 中

[xiaoiver]

参考：https://toji.dev/webgpu-best-practices/img-textures
在 WebGL 中加载 Image 用法如下：

function webGLTextureFromImageUrl(gl, url, loadedCallback) {
  const imgElement = new Image(); // Creates an HTMLImageElement
  imgElement.addEventListener('load', () => {
    const texture = gl.createTexture(); // Create a WebGL Texture
    gl.bindTexture(gl.TEXTURE_2D, texture);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, imgElement);
    gl.generateMipmap(gl.TEXTURE_2D);
    loadedCallback(texture);
  });
  imgElement.src = url;
}

因此需要实现 Device 中 Texture 的 setSubData 方法。

首先需要使用 https://developer.mozilla.org/en-US/docs/Web/API/createImageBitmap 创建 ImageBitmap，这是一个异步方法。