如何检查浏览器是否支持 OffScreenCanvas？

OffscreenCanvas 是一个提供画布以在屏幕外渲染的接口。并非所有浏览器都支持此功能。可以使用两种方法检查对 OffscreenCanvas 的支持：

方法一：检查OffscreenCanvas是否存在： typeof运算符用于返回操作数类型的字符串。如果浏览器支持 OffscreenCanvas 对象，可以使用该运算符进行测试。如果对象不存在，则此运算符返回“未定义”。
OffscreenCanvas 对象与“未定义”字符串进行比较以查看它是否存在。如果定义了对象，则此语句返回 true。这意味着浏览器支持 OffscreenCanvas。

句法：

if (typeof OffscreenCanvas !== "undefined") {
    isSupported = true;
} else {
    isSupported = false;
}

例子：

  

    
        How to check the OffScreenCanvas
        is supported by the Browser or not?
    

  

    
        GeeksforGeeks
    
      
    
        How to check the OffScreenCanvas is
        supported by the Browser or not?
    
      
    
        Click on the button to check
        for OffscreenCanvas support
    
      
    
        OffscreenCanvas is supported: 
        
    
      
    
        Check for OffscreenCanvas
    
      
    
        function checkOffscreenCanvas() {
            if (typeof OffscreenCanvas !== "undefined") {
                isSupported = true;
            } else {
                isSupported = false;
            }
            document.querySelector(".output").textContent
                        = isSupported;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法2：检查是transferControlToOffscreen 方法是一个函数： transferControlToOffscreen 用于将画布的控制转移到一个OffscreenCanvas 对象。
该函数用于 OffscreenCanvas 的初始化。可以通过使用带有严格相等 (===)运算符的 typeof运算符符并检查字符串“函数”来测试它是否被定义。如果定义了函数，则此语句返回 true，这意味着浏览器支持 OffscreenCanvas。

句法：

let canvasObj = document.createElement("canvas");
if (typeof canvasObj.transferControlToOffscreen === "function") {
    isSupported = true;
} else {
    isSupported = false;
}

例子：

  

    
        How to check the OffScreenCanvas
        is supported by the Browser or not?
    

  

    
        GeeksforGeeks
    
      
    
        How to check the OffScreenCanvas is
        supported by the Browser or not?
    
      
    
        Click on the button to check for 
        OffscreenCanvas support
    
      
    
        OffscreenCanvas is supported: 
        
    
      
    
        Check for OffscreenCanvas
    
      
    
        function checkOffscreenCanvas() {
            let canvasObj = document.createElement("canvas");
                if (typeof canvasObj.transferControlToOffscreen
                                === "function") {
                    isSupported = true;
                } else {
                    isSupported = false;
                }
            document.querySelector('.output').textContent
                        = isSupported;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：