pannellum | Pannellum is a lightweight , free , and open source | Graphics library

 by   mpetroff JavaScript Version: 2.5.6 License: MIT

kandi X-RAY | pannellum Summary

kandi X-RAY | pannellum Summary

pannellum is a JavaScript library typically used in User Interface, Graphics, WebGL applications. pannellum has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i sorokinsh-pannellum' or download it from GitHub, npm.

Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. It can be deployed easily as a single file, just 21kB gzipped, and then embedded into pages as an . A configuration utility is included to generate the required code for embedding. An API is included for more advanced integrations.

            kandi-support Support

              pannellum has a medium active ecosystem.
              It has 3813 star(s) with 690 fork(s). There are 121 watchers for this library.
              It had no major release in the last 12 months.
              There are 222 open issues and 814 have been closed. On average issues are closed in 55 days. There are 3 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of pannellum is 2.5.6

            kandi-Quality Quality

              pannellum has 0 bugs and 0 code smells.

            kandi-Security Security

              pannellum has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              pannellum code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              pannellum is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              pannellum releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions are not available. Examples and code snippets are available.
              pannellum saves you 431 person hours of effort in developing the same functionality from scratch.
              It has 1021 lines of code, 23 functions and 10 files.
              It has high code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed pannellum and discovered the below as its top functions. This is intended to give you an instant insight into pannellum implemented functionality, and help decide if they suit your requirements.
            • Initialize a new Viewer .
            • Initialize a new Renderer
            • Test if node is in view of a tile
            • Init loading setup
            • Repeat key loop .
            • Process preview options
            • Create a hot spot element
            • Parse the image data from a PNG image .
            • Update the canvas
            • Parse URL parameters
            Get all kandi verified functions for this library.

            pannellum Key Features

            No Key Features are available at this moment for pannellum.

            pannellum Examples and Code Snippets

            No Code Snippets are available at this moment for pannellum.

            Community Discussions


            React Hook (useState, setState) is both true and false
            Asked 2021-Jun-13 at 19:57

            So I have a React state variable const [pickingHotspot, setPickingHotspot] = useState(false);. I then have this button setPickingHotspot(true)}> which just sets the state to true onClick. I have another handler



            Answered 2021-Jun-13 at 19:57

            Try passing pickingHotspot in your dependency array for useEffect.

            Your event handler is attached to your element in the useEffect on componentDidMount because of the empty dependency array. This will only happen once and that old function will be used. That old function will close over the value of the previous state. You can attach your event handler again on every relevant state change by passing pickHotSpot in your dependency array.

            It is also a recommended approach to keep all your relevant code inside the hook. You could have put your listener function inside your hook, and would have seen a missing dependency warning from one of your lint tools.

            Also, if there is no specific reason for you to add event hanlder like this from javascript, then add inline usin JSX, like @MB__ suggested. That will be executed on every render so it should be correct. At any time only one eventhandler for the particular event will be attached.



            popup image with no html code only css and javascript
            Asked 2021-Mar-08 at 17:31

            So I have a 360 Virtual tour using pannellum, I have this hotspot code desing in css



            Answered 2021-Mar-08 at 17:31

            If by popup you mean separate browser window then no..

            But if you want to display the image next to the cursor on element hover you can display it as the background in a pseudo element.


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install pannellum

            You can install using 'npm i sorokinsh-pannellum' or download it from GitHub, npm.


            If you wish to ask a question or report a bug, please open an issue at See the Contributing section below for more details.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries

            Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link