360-react-pannellum 中文文档教程

发布于 7年前 浏览 26 更新于 3年前

用于反应的全景查看器。

Pannellum 是一种轻量级、免费且开源的网络全景图查看器。

How to Install

npm install 360-react-pannellum --save

或者你可以使用 yarn

yarn add 360-react-pannellum

How to Use

import React, { Component } from 'react'
import Pannellum from 'components/360-react-pannellum'

class Example extends Component {
  render () {
    <Pannellum
      width='100%'
      height='200px'
      imagePath='https://pannellum.org/images/alma.jpg'
      isDisplayCloseButton={true}
      closeHandler={closeAction}
      closeButtonTitle='Close'
      showZoomCtrl={false}
      showFullscreenCtrl={false}
      autoLoad />
  }

  const closeAction = () => {

  }
}

Panorama viewer for react.

Pannellum is a lightweight, free, and open source panorama viewer for the web.

How to Install

npm install 360-react-pannellum --save

Alternatively you may use yarn:

yarn add 360-react-pannellum

How to Use

import React, { Component } from 'react'
import Pannellum from 'components/360-react-pannellum'

class Example extends Component {
  render () {
    <Pannellum
      width='100%'
      height='200px'
      imagePath='https://pannellum.org/images/alma.jpg'
      isDisplayCloseButton={true}
      closeHandler={closeAction}
      closeButtonTitle='Close'
      showZoomCtrl={false}
      showFullscreenCtrl={false}
      autoLoad />
  }

  const closeAction = () => {

  }
}
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文