GPUTexture

Thuộc tính phiên bản

depthOrArrayLayers Read only

Một số đại diện cho chiều sâu hoặc số lớp của GPUTexture (pixel hoặc số lớp).

dimension Read only

Một giá trị liệt kê đại diện cho kích thước của tập hợp texel cho mỗi subresource của GPUTexture.

format Read only

Một giá trị liệt kê đại diện cho định dạng của GPUTexture. Xem phần Texture formats của thông số kỹ thuật để biết tất cả các giá trị có thể. Xem thêm Tier 1 and Tier 2 texture formats.

height Read only

Một số đại diện cho chiều cao của GPUTexture tính bằng pixel.

label

Một chuỗi cung cấp nhãn có thể dùng để nhận diện đối tượng, ví dụ trong thông báo GPUError hoặc cảnh báo console.

mipLevelCount Read only

Một số đại diện cho số lượng mip level của GPUTexture.

sampleCount Read only

Một số đại diện cho số mẫu (sample count) của GPUTexture.

usage Read only

Các bitwise flags đại diện cho các cách sử dụng được phép của GPUTexture.

width Read only

Một số đại diện cho chiều rộng của GPUTexture tính bằng pixel.

Phương thức phiên bản

createView()

Tạo một GPUTextureView đại diện cho một view cụ thể của GPUTexture.

destroy()

Hủy GPUTexture.

Ví dụ

Trong mẫu WebGPU Textured Cube sample, một kết cấu dùng cho các mặt của hình khối lập phương được tạo bằng cách:

• Tải hình ảnh vào HTMLImageElement và tạo image bitmap bằng createImageBitmap().
• Tạo GPUTexture mới bằng createTexture().
• Sao chép image bitmap vào kết cấu bằng GPUQueue.copyExternalImageToTexture().

// …
let cubeTexture;
{
  const img = document.createElement("img");

  img.src = new URL(
    "../../../assets/img/Di-3d.png",
    import.meta.url,
  ).toString();

  await img.decode();

  const imageBitmap = await createImageBitmap(img);

  cubeTexture = device.createTexture({
    size: [imageBitmap.width, imageBitmap.height, 1],
    format: "rgba8unorm",
    usage:
      GPUTextureUsage.TEXTURE_BINDING |
      GPUTextureUsage.COPY_DST |
      GPUTextureUsage.RENDER_ATTACHMENT,
  });

  device.queue.copyExternalImageToTexture(
    { source: imageBitmap },
    { texture: cubeTexture },
    [imageBitmap.width, imageBitmap.height],
  );
}
// …

Thông số kỹ thuật

Tương thích trình duyệt

Xem thêm

• WebGPU API