Javascript 黑色图标不会使用循环显示

我通过循环创建了一个HTML画布标记，我试图通过循环从DarkskyAPI设置标记图标，但它不会显示

var skycons = new Skycons({"color": "white"});
  skycons.set("icon0", Skycons = x.currently.icon);    //the icon0 is hardcoded on html
  skycons.play();
  console.log(x.daily.data)
  for(i=0;i<8;i++){

    const canv = document.createElement('canvas')
    canv.id = ('icons'+(i+1)) //i added +1 so the increment would be icon1, icon2
    canv.height = 100
    canv.width = 100
    skycons.set('icons'+(i+1), Skycons = x.daily.data[i].icon)     //but if i set the icon, match should be icon1 + x.daily.data[0].icon , icon2 + x.daily.data[1].icon......icon8 + x.daily.data[7].icon.. but the icons wont show up..

    divs.appendChild(canv)
  }

var skycons=新的skycons（{“color”：“white”}）；
skycons.set（“icon0”，skycons=x.current.icon）//icon0是在html上硬编码的
天敌。play（）；
console.log（x.daily.data）
对于（i=0；i我创建了一个新循环

for(y=0;y<8;y++){
    skycons.set('icons'+(y+1), Skycons = x.daily.data[y].icon)
  }

for（y=0；y我创建了一个新循环

for(y=0;y<8;y++){
    skycons.set('icons'+(y+1), Skycons = x.daily.data[y].icon)
  }

（y=0；y）的