D3.js image()函数

D3.js 中的d3.image()函数是请求 API 的一部分，用于从任何给定的图像 URL 获取图像。如果函数中还给出了 init，那么它会在加载图像之前设置图像的任何附加属性。

句法：

d3.image(input[, init]);

参数：此函数接受如上所述和如下所述的单个参数：

• 输入：它需要获取图像的地址。

返回值：它从图像 URL 返回图像。

下面的示例说明了 JavaScript 中的 D3.js image()函数。

示例 1：

HTML

    
        
        
        D3.js image() Function
    
    
    
        
        
        
        
        
        
  
        
            d3.image("https://robohash.org/image", 
                     { crossOrigin: "anonymous" }).then((img) => {
                console.log(img);
            });
        
    

输出：

示例 2：

HTML

    
        
        
        D3.js image() Function
    
    
    
        
        
        
        
        
        
  
        
            d3.image(
`https://pbs.twimg.com/profile_images/1138375574726955008/1fNUyEdv_400x400.png`, 
              { crossOrigin: "anonymous" }).then((img) => {
                document.body.append("Image using d3.image()");
                document.body.append(img);
            });
        
    

输出：