使用React Native进行360 3D产品图像旋转

文章/答案/技术大牛

发布

1回答

react-native、360-degrees

我们正在尝试找出是否存在适用于Android和iOS的React Native的3603D图像旋转软件包。(或者如果它是直接的，没有) 例如http://www.voidcanvas.com/demo/28823deye/ (这只是一个jQuery示例) 我们知道有像React 360和Google VR这样的东西，但是这些东西把你放在360环境的中心，而不是把图像序列放在中心-让你旋转</em

浏览 57提问于2019-05-21得票数 2

1回答

对象的三维自由旋转

iphone、ipad、opengl-es、3d

我有一套产品的3DCAD文件。我想创建一个查看器，以便用户可以在3D中自由旋转对象。1)我曾想过在图像周围每30度导出一系列360度图像，但这将是每个产品大约360个图像。然后右转代码来处理处理对象旋转所需的矩阵。看起来非常过分，但却是可行的。我们正在使用LightWave 3D，

浏览 0提问于2011-02-08得票数 1

3回答

360度查看图像

php、flash、apache-flex、actionscript-3、actionscript

我想把图像旋转360度，比如。我有一个网站，用户可以上传图片，并在360度查看他们。请告诉我如何做到这一点。

浏览 1提问于2011-06-14得票数 0

回答已采纳

3回答

旋转图像并在反应中保存-本机

ios、react-native、image-rotation、rn-fetch-blob

我将旋转图像在反应-本机，我想得到旋转图像的base64。我用了几个图书馆 react-native-image-rotate：--它在Android上运行得很好，但是在iOS上，我得到了rct-image-store://1作为url，所以我尝试使用rn-fetch-blob来获取base64，但是它会引发错误，无法识别我使用过的url.react-native-image-resizer：，但

浏览 10提问于2019-12-29得票数 4

回答已采纳

2回答

使用React* Native在视图上显示3D动画*

android、ios、css、reactjs、react-native

我想在我的React Native应用程序中实现翻转效果，类似于下面描述的：我的问题是。我能以某种方式实现它与一些库的帮助，如‘动画’，或者我必须玩‘纯’CSS样式。在React Native中，这类动画的“最佳实践”是什么？

浏览 0提问于2015-11-26得票数 5

1回答

iPhone中的倾斜图像

objective-c、iphone

需要在不丢失图像/图像视图高度的情况下使用滑块倾斜图像我尝试过3d变换，但它不能保持高度不变。--使用以下代码进行编辑CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity/ 180.0f, 1.0f, 0.0f, 0.0f); self.marker.layer.tra

浏览 0提问于2015-01-29得票数 0

1回答

为360度反应图像建立一个简单的组件

javascript、jquery、reactjs、3d

我试图建立一个反应组件，显示一个360度的产品视图。我试图将脚本转换成一个反应组件，它使用jQuery显示可拖放的360度产品图像。这个脚本的工作方式是第一次加载产品的20幅图像，每个角度高达360度。然后，利用jQuery，根据鼠标点击和移动事件自动切换图像。作为我的React组件的一部分，我成功地从一个文件夹中加载了图像，并试图根据鼠标单击和移动事件来切换图像

浏览 1提问于2018-08-25得票数 1

回答已采纳

1回答

将图像映射添加到旋转图像

html、css、imagemap、rotatetransform

所以我现在有一个图像，它在无限循环中旋转360度。它在图像中有8个不同的产品，而不是将整个图像本身链接到一个页面，我想知道是否有一种方法可以在图像仍然旋转360度的同时分别映射每个产品。我目前使用的是一个简单的CSS3图像旋转，如下所示：{

浏览 6提问于2015-01-20得票数 1

4回答

使用javascript旋转3d图片

javascript、html、css

我开始在一页网站上广泛使用javascript的工作。这个网站的主要目的是推广我的客户的产品。该网站将包括一个产品的3d图像。当用户单击并拖动时，它应该相应地旋转。请参阅下面的链接。我需要完全相同的效果，在下面的链接中提到我如何在不使用magic 360的情况下使用javascript来实现这一点？请给我一些文章或教程链接，因为我搜索，但没有找到任何教程这一点。

浏览 1提问于2013-07-10得票数 13

回答已采纳

1回答

Javascript image 360视图脚本仅适用于某些页面

javascript

在我的网上商店，我有一些产品，有一个“查看360”按钮，以便您可以看到产品的一部分旋转，并控制它与您的鼠标。我已经尝试在此页面的网站上进行配置，例如：我不知道我在实际的产品<

浏览 0提问于2013-05-14得票数 1

2回答

Css -实现360度图标2次点击即可旋转

css、reactjs、css-transitions、css-transforms

我正在使用react，我有一个按钮，当按钮被单击时，我想将其旋转180度，再次单击时，将其再次旋转180度。我设法做到的是，第一次旋转180度，第二次旋转-180度。jsx： render () { let classes

浏览 0提问于2016-08-17得票数 1

1回答

立即获取所有图像并在Reactjs中显示360产品视图

javascript、reactjs、image、react-redux

我已经编写了一个组件，可以为用户提供360的产品视图。用户可以与图像交互(向右或向左旋转)。当图像来自本地文件时，此组件工作良好。我想从Cloudinary获取图像并渲染它们。一个产品可能有100+图像，所以我想显示加载程序，直到所有的图像被加载。完成后，图像将呈现并在用户旋转时呈现新图像。我还在寻找npm，它负责加载和呈现图像。import React

浏览 3提问于2022-02-12得票数 0

4回答

如何在react本机中显示360图像

react-native

如何在android应用程序中显示360张图片或视频。我的react本机版本是51

浏览 1提问于2018-02-03得票数 4

2回答

React-Native :如何旋转base 64镜像

react-native、base64、image-rotation

我有base64格式的PNG图像将保存在服务器上，但之前保存到服务器的图像需要旋转。我试过使用，但我在node_modules中遇到了很多错误。还有没有其他人尝试过这个包？

浏览 2提问于2019-07-13得票数 1

1回答

在360度图像中导出3ds max对象

jquery、flash、3d、3ds

我在3ds max中创建了一个3d对象来表示栅栏/墙。如何从每个角度(或从10到10度)导出图像文件？使用thoose图像，我想创建一个网页360度图像显示插件。

浏览 4提问于2014-09-26得票数 0

2回答

如何在React* native中使用三个js TextureLoader()？*

react-native、3d、three.js

我正在尝试使用Three.js在react-native中创建3D模型，因此我必须使用纹理图像，但TextureLoader()函数使用'document‘和'canvas’对象创建逻辑，这不能在React-Native中使用。那么，如何使用three.js在react-native中使用图像作为纹理呢？

浏览 1提问于2018-04-02得票数 2

1回答

反应原生动画形象，旋转播放和暂停

reactjs、react-native

如何停止图像的旋转并从该位置开始旋转。谢谢。import React, {Component} from 'react'; inputRange: [0, 1], outp

浏览 3提问于2018-09-15得票数 1

1回答

React360实体示例

virtual-reality、react-360

我正在尝试在react360项目中使用3d对象。我遵循了setup docs中的步骤。使用react-360 init Hello360命令创建项目，并使用npm start启动服务器。import React from 'react'; AppRegistry, asset } from 'react-<

浏览 20提问于2019-09-16得票数 1

回答已采纳

1回答

在javascript中将表面绕轴旋转

javascript、3d、rotation、three.js

我需要实现一些东西，但我不知道该使用什么(vanilla与库)。在建模工具中，用来拍摄模型照片的相机(比如房子)位于几米高的地方，在房子周围的一个圆上旋转。我可以得到这些参数(相机相对于模型中心的高度和距离)。现在，我还想要这个360 javascruot图像旋转器上的

浏览 1提问于2015-09-08得票数 0

回答已采纳

4回答

React Native:如何对图像的旋转进行动画处理？

javascript、react-native、animation、rotation、transform

旋转是一种样式转换，在RN中，您可以像这样旋转对象 return ( </View> } 但是，要在RN中设置动画，您必须使用数字，而不是字符串。你还能在RN中对变换进行动画处理吗?

浏览 27提问于2016-05-26得票数 64

回答已采纳

点击加载更多