草庐IT

android - 3D旋转-透视

全部标签

javascript - 获取变换后旋转物体的宽高

这个问题是问题的后续问题:width/heightaftertransform.我发布了一个新问题,因为该问题只解决了宽度而不是高度。公式:varx=$('#box').width()*Math.cos(rotationAngle)+$('#box').height()*Math.sin(rotationAngle);适用于宽度,计算高度的等效公式是什么?谢谢。 最佳答案 这是我想出的最有效的公式:varh=$(obj).height()*Math.abs(Math.cos(deg))+$(obj).width()*Math.abs

javascript - 如何旋转 leaflet.js map

我正在尝试将map(或tileLayer)旋转x度。我的研究没有产生任何不是真正肮脏的黑客的结果,在我的情况下是行不通的。是否有原生的leaflet.js方法来旋转map?(css旋转不影响鼠标移动) 最佳答案 很抱歉,没有办法在本地旋转Leafletmap。你将需要那些丑陋的技巧之一,或者从Leaflet切换到MapboxGLJS或OpenLayers3:http://www.mapbox.com/mapbox-gl-js/example/navigation/http://openlayers.org/en/latest/exa

javascript - Three.js:将 3d 位置转换为 2d 屏幕位置

我有一个位置为(x,y,z)的3D对象。如何计算该对象的屏幕位置(x,y)?我已经搜索过它,一个解决方案是我必须找出投影矩阵,然后将3D位置点乘以该矩阵以将其投影到某些2D观看表面(计算机屏幕)上。但是我不知道如何在Three.js中找到这个矩阵。我尝试了这样的转换函数,但它给出了错误的结果functionPoint3DToScreen2D(point3D){varscreenX=0;varscreenY=0;varinputX=point3D.x-camera.position.x;varinputY=point3D.y-camera.position.y;varinputZ=poi

javascript - 使用鼠标在 Canvas 中旋转图像

在我的代码中,我将图像加载到Canvas中。然后我需要调整大小、旋转和拖动它。我设法实现了拖动和调整大小。如何在此代码上使用鼠标实现旋转(沿着图像的中心)。我的HTML页面:body{background-color:ivory;padding:10px;}#canvas{border:1pxsolidred;}$(function(){varcanvas=document.getElementById("canvas");varctx=canvas.getContext("2d");varcanvasOffset=$("#canvas").offset();varoffsetX=ca

javascript - 手机间隙 : Resize webview on keyboard display in Android

我有一个类似(固定定位)的模态,类似于facebook在最新的android版本中的feed/chatinmessenger中的评论。我想要的看起来与此类似:因此,当您专注于输入时,键盘会打开并缩小WebView。默认情况下它不工作,我找不到任何解决方案。我试图将此首选项添加到config.xml但adjustResize没有做任何事情,并且stateVisible只是在我启动时打开键盘应用程序。这很奇怪。截至AndroidDocumentationadjustResize应该这样做:Theactivity'smainwindowisalwaysresizedtomakeroomfor

javascript - 旋转页面上的 ionic 图标

我想用箭头显示方向,并考虑使用标准ionic箭头作为方向。我能以某种方式将向上箭头旋转到任何方向吗?ion-arrow-up-a下面是评论的尝试angular.module('app.customDirectives',[]).directive('rotate',function(){return{link:function(scope,element,attrs){//watchthedegreesattribute,andupdatetheUIwhenitchangesscope.$watch(attrs.degrees,function(rotateDegrees){//con

Android MediaPlayer调用raw/assets/uri 三种资源实现音频播放

MediaPlayerAndroid体统的播放流媒体文件的工具类,项目需要播放音频,特此简单记录一下音频播放的方法调用####1.MediaPlayer支持:AAC、AMR、FLAC、MP3、MIDI、OGG、PCM等格式####2.MediaPlayer方法调用MediaPlayer(),MediaPlayer.create(mContext,rawRes)初始化方法注意:MediaPlayer.create()方法内部调用了prepare方法所以直接start()就行多次调用会异常setDataSource()设置资源setOnCompletionListener()完成的监听setOnE

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - IOS 和 Android 上的 YouTube 嵌入 API 问题

最近几天YouTube嵌入API出现了一个问题。问题是,当您使用官方API嵌入视频时,它根本不允许您访问API。当您尝试访问API时,您在日志(IOS)上收到错误消息,如果您尝试通过API播放视频,视频会中断。如果您通过API加载它,但您不使用API,则用户可以点击播放视频。此问题在以下浏览器上仍然存在:iPad和iPhone上的IOS7SafariiPad和iPhone上的IOS7Chrome安卓4Chrome(我的播放按钮使用API播放视频并产生错误)JSfiddle:http://jsfiddle.net/frdd8nvr/6/错误信息:Unabletopostmessageto

javascript - 无休止地旋转图像/div(跨浏览器)

我正在尝试为这种效果找到一个跨浏览器的解决方案,但这是我能找到的最好的解决方案:http://jsfiddle.net/fE58b/19/它对CPU也非常友好。一些非跨浏览器的javascript解决方案使用了近50%的CPU。在我看来,这不是网络使用的解决方案。提供的示例适用于Chrome17、Firefox11和Safari5.1.7。所以我的问题是:有没有一种方法可以创建这种效果(当然不用flash或java),这样它也可以在Opera和IE中工作?编辑:HTML​CSS@-webkit-keyframesspin{from{-webkit-transform:rotate(0d