Skip to content

Latest commit

 

History

History
102 lines (87 loc) · 2.44 KB

README.md

File metadata and controls

102 lines (87 loc) · 2.44 KB
Raw

License npm version HitCount size

VueJS Panorama Viewer

Embed panorama into your website VueJS version of JQuery Panorama Viewer

Demo

Demo

Demo

Getting started

using npm

npm install vuejs-panorama --save

Or using script tag for global use

<script src="https://unpkg.com/vuejs-panorama@latest/dist/Panorama.js"></script>

Or Download Panorama.js and include it in your html

Installing & Running Locally

Clone the repository using git:

git clone https://github.com/mudin/vue-panorama.git

Installing all dependencies:

npm install

Build

npm run build

Run locally:

npm run example

This will start development server on localhost:4000

Usage

Panorama by equirectangular image

<template>
    <Panorama source="pano.jpg" caption="Awesome Panorama"/>
</template>
<script>
    import { Panorama } from 'vuejs-panorama'

    export default {
        components: { Panorama }
    }
</script>

Or

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <div id="app">
        <Panorama source="pano.jpg" caption="Awesome Panorama"/>
    </div>
    <script src="vue.js"></script>
    <script src="vuejs-panorama.js"></script>
    <script>
        new Vue({
            el: '#app'
        })
    </script>
</body>

TODO List

  • Auto Rotate

Contributing contributions welcome

If you would like to contribute code you can do so through GitHub by forking the repository and sending a pull request.

LICENSE

MIT