2 files changed, 25 insertions, 7 deletions
diff --git a/components/script/dom/htmlcanvaselement.rs b/components/script/dom/htmlcanvaselement.rs
index aee09ee4dd2..8fb2832915a 100644
--- a/components/script/dom/htmlcanvaselement.rs
+++ b/components/script/dom/htmlcanvaselement.rs
@@ -420,10 +420,7 @@ impl HTMLCanvasElement {
                 return None;
             },
             #[cfg(feature = "webgpu")]
-            Some(&CanvasContext::WebGPU(_)) => {
-                // TODO: add a method in GPUCanvasContext to get the pixels.
-                return None;
-            },
+            Some(CanvasContext::WebGPU(context)) => Some(context.get_ipc_image()),
             Some(CanvasContext::Placeholder(context)) => {
                 let (sender, receiver) =
                     ipc::channel(self.global().time_profiler_chan().clone()).unwrap();
@@ -450,9 +447,8 @@ impl HTMLCanvasElement {
             Some(CanvasContext::WebGL2(ref context)) => {
                 context.base_context().get_image_data(self.get_size())
             },
-            //TODO: Add method get_image_data to GPUCanvasContext
             #[cfg(feature = "webgpu")]
-            Some(CanvasContext::WebGPU(_)) => None,
+            Some(CanvasContext::WebGPU(ref context)) => Some(context.get_image_data()),
             Some(CanvasContext::Placeholder(_)) | None => {
                 // Each pixel is fully-transparent black.
                 Some(vec![0; (self.Width() * self.Height() * 4) as usize])
diff --git a/components/script/dom/webgpu/gpucanvascontext.rs b/components/script/dom/webgpu/gpucanvascontext.rs
index 51627071271..e1cfd4e5176 100644
--- a/components/script/dom/webgpu/gpucanvascontext.rs
+++ b/components/script/dom/webgpu/gpucanvascontext.rs
@@ -8,7 +8,7 @@ use std::cell::RefCell;
 use arrayvec::ArrayVec;
 use dom_struct::dom_struct;
 use euclid::default::Size2D;
-use ipc_channel::ipc;
+use ipc_channel::ipc::{self, IpcSharedMemory};
 use script_layout_interface::HTMLCanvasDataSource;
 use webgpu::swapchain::WebGPUContextId;
 use webgpu::wgc::id;
@@ -306,6 +306,28 @@ impl GPUCanvasContext {
                 .replace(Some(self.texture_descriptor_for_canvas(configuration)));
         }
     }
+
+    /// <https://gpuweb.github.io/gpuweb/#ref-for-abstract-opdef-get-a-copy-of-the-image-contents-of-a-context%E2%91%A5>
+    pub(crate) fn get_ipc_image(&self) -> IpcSharedMemory {
+        // 1. Return a copy of the image contents of context.
+        if self.drawing_buffer.borrow().cleared {
+            IpcSharedMemory::from_byte(0, self.size().area() as usize * 4)
+        } else {
+            let (sender, receiver) = ipc::channel().unwrap();
+            self.channel
+                .0
+                .send(WebGPURequest::GetImage {
+                    context_id: self.context_id,
+                    sender,
+                })
+                .unwrap();
+            receiver.recv().unwrap()
+        }
+    }
+
+    pub(crate) fn get_image_data(&self) -> Vec<u8> {
+        self.get_ipc_image().to_vec()
+    }
 }
 
 impl LayoutCanvasRenderingContextHelpers for LayoutDom<'_, GPUCanvasContext> {