spherical-image

spherical-image

Very lightweight 360deg spherical image viewer

Demos

• basic

Usage

$ npm install --save spherical-image

then

<canvas id="myCanvas" width="800" height="600"></canvas>

import SphericalImage from 'spherical-image';

new SphericalImage(
  document.getElementById( 'myCanvas' ),
  './img.jpg'
);

or

<script src="./js/spherical-image.js"></script>

const sphericalImage = new SphericalImage(
  document.getElementById( 'myCanvas' ),
  './img.jpg'
);

Options

The third argument is options.

const sphericalImage = new SphericalImage(
  document.getElementById( 'myCanvas' ),
  './img.jpg',
  options
);

• options.offsetAzimuth: default horizontal rotation in radian. default is 0
• options.offsetAltitude: default vertical rotation in radian. default is 0

Methods

• .reset(): reset view rotation.
• .setSize( width, height ): set canvas size.
• .destroy(): destroy the instance. dispose WebGL. detach all events.