【文件属性】:
文件名称:ReactRotate360:ReactRotate360 是一个创建 360 度展示的插件。 灵感来自 Apple iPhone 360 展示
文件大小:16.31MB
文件格式:ZIP
更新时间:2021-06-19 20:09:12
JavaScript
React旋转360
ReactRotate360 是一个创建 360 度展示的插件。 灵感来自 Apple iPhone 360 展示。
用 React 和 HTML5 制作。
适用于视频或图像。
例子
要在本地构建示例,请运行:
npm install
gulp dev
然后在浏览器中打开 。
视频 GIF 演示
图片 GIF 演示
用法
该插件使用input[type=range]作为幻灯片。 您可以在查看。
视频
您可以将此插件与视频(mp4、ogg 或 webm)一起使用。
var sources = [
'path/to/videos/video.mp4',
'path/to/videos/video.oggtheora.ogv',
'path/to/videos/video.webmhd.webm'
];
React.render(<Rotate
【文件预览】:
ReactRotate360-master
----bower.json(498B)
----gulpconfig.js(2KB)
----src()
--------ReactRotate360.js(3KB)
----example()
--------src()
--------dist()
----gulpfile.js(535B)
----LICENSE(1KB)
----README.md(3KB)
----.editorconfig(272B)
----.gitignore(236B)
----package.json(880B)