Image example not working

[vinceumo]

Hi,

I'm trying to use this module with an image. I noticed that the example is not working. The canvas only render black. I can see in the network tab that the image get loaded. No errors in the console either.

I just tested it on my local and get the same result.

Here is my code

import { Image } from "kaleidoscopejs";
import image from "./imageTest3.jpg";

const image360Player = () => {
  const imgEl = document.querySelector("#image");
  const myIcon = document.createElement("img"); 
  myIcon.src = image;
  imgEl.appendChild(myIcon);

  const viewer = new Image({
    source: image,
    containerId: "#image360"
  });
  viewer.render();

  console.log(viewer);
};

export default image360Player;

I tested in Chrome/Firefox/Safari on macOS 10.14.6 + Chrome on Android and always result in a black canvas.

Thanks

[vinceumo]

Downgrading to 1.0.17 fix the issue on my local

[jeffyamada]

Just had to do the same, thanks @vinceumo for saving me an hour before I tried that!

[Kheiden]

It seems that the master branch still shows this issue on Google Chrome 96.0.4664.110 (Official Build) (64-bit). Downgrading to 1.0.17 fixed the issue for me too.