GPUï¼getPreferredCanvasFormat() æ¹æ³
æéå¯ç¨
æ¤ç¹æ§ä¸å±äºåºçº¿ï¼å 为å®å°æªå¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æã
Want more browser support for this feature? Tell us why.
å®éªæ§: è¿æ¯ä¸é¡¹å®éªæ§ææ¯
å¨å°å
¶ç¨äºç产ä¹åï¼è¯·ä»ç»æ£æ¥æµè§å¨å
¼å®¹æ§è¡¨æ ¼ã
GPU æ¥å£ç getPreferredCanvasFormat() æ¹æ³è¿åç¨äºå½åç³»ç»ä¸æ¾ç¤º 8 ä½è²æ·±ãæ å卿èå´ï¼SDRï¼å
容çæä½³ canvas çº¹çæ ¼å¼ã
è¿é常ç¨äºä¸ºå½åç³»ç»æä¾ GPUCanvasContext.configure() è°ç¨çæä½³ format å¼ãè¿æ¯æ¨èçââå¦æä½ æ²¡æå¨é
ç½® canvas ä¸ä¸ææ¶ä½¿ç¨æä½³çæ ¼å¼ï¼å¯è½ä¼äº§çå¼éï¼ä¾å¦æ ¹æ®å¹³å°èå¼çé¢å¤çº¹ççå¤å¶ã
è¯æ³
getPreferredCanvasFormat()
åæ°
æ ã
è¿åå¼
ä¸ä¸ªå符串ï¼è¡¨ç¤º canvas ççº¹çæ ¼å¼ã该å¼å¯ä»¥æ¯ rgba8unorm æ bgra8unormã
å¼å¸¸
æ ã
示ä¾
const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");
context.configure({
device: device,
format: navigator.gpu.getPreferredCanvasFormat(),
alphaMode: "premultiplied",
});
è§è
| è§è |
|---|
| WebGPU > # dom-gpu-getpreferredcanvasformat > |