如何使用 Rust 和 web-sys 将 Clamped<Vec<u8>> 转换为 Clamped<&mut [u8]> ？

Question

我正在使用 Rust 和 WebAssembly 操作像素数据，并且正在努力使用操作的像素创建新的 ImageData。

当我获取我的ImageData数据时，它返回一个Clamped<Vec<u8>>

   fn get_buffer_image_data(&self) -> Clamped<Vec<u8>> {
    let image_data = match self.buffer_ctx.get_image_data(0.0, 0.0, 640.0, 480.0) {
        Ok(d) => d,
        Err(_err) => panic!("failed to fetch buffer image data")
    };
    
    image_data.data()
}

我在另一个函数中操作像素数据，然后尝试使用这些操作的像素创建新的 ImageData。问题是我只能用Clamped<&mut [u8]>创建新的 ImageData

    fn create_image_data(&self, data: Clamped<Vec<u8>>) {
        let imageData = ImageData::new_with_u8_clamped_array_and_sh(data, 640, 480);
    }

但是，我收到的错误是：

mismatched types

expected `&mut [u8]`, found struct `std::vec::Vec`

note: expected struct `wasm_bindgen::Clamped<&mut [u8]>`
         found struct `wasm_bindgen::Clamped<std::vec::Vec<u8>>`

我想我需要将一种类型转换为另一种类型。如何高效转换？我已经尝试这个有一段时间了，但我被困住了。我唯一的解决方案是将整个 Uint8ClampedArray 从我的 JS 发送到 wasm 。这是您可以使用的代码示例。请注意，如果您克隆此存储库，请查看分支problem https://github.com/Fallenstedt/rotated-pixels/blob/problem/src/pixel_rotator.rs#L42-L44

Answer 1

如果您查看 的源代码Clamped，您会发现它只是 的包装器T。

pub struct Clamped<T>(pub T);

因为内部T是公共的，所以你可以对其执行任何操作，例如将 a 转换Vec为切片：

let slice_data: &mut [u8] = &mut data.0[..];

然后您可以包装slice_data的一个新实例Clamped，并将其传递给ImageData：

fn create_image_data(&self, data: Clamped<Vec<u8>>) {
  let slice_data = Clamped(&mut data.0[..]);
  let imageData = ImageData::new_with_u8_clamped_array_and_sh(slice_data, 640, 480);
}