草庐IT

旋转式

全部标签

javascript - 使用旋转/缩放/平移在 Google map 上定位图像

我正在开发一个用于在谷歌地图上定位图像的用户界面。我从:http://overlay-tiler.googlecode.com/svn/trunk/upload.html开始这非常接近我想要的。但是我想要一个旋转工具、一个缩放工具和一个平移工具(后者存在)而不是3个接触点。我尝试添加一个旋转工具,但它没有像我预期的那样工作:我在左下角放了一个点来控制旋转(围绕图像的中心)。鼠标拖动控制点,我计算其他3个点。我的代码基于mover对象,但我更改了onMouseMove函数:overlaytiler.Rotater.prototype.rotateDot_=function(dot,the

javascript - 屏幕旋转时 WKWebView CSS 渲染问题

首先,所有可能的iOS版本上的UIWebView都可以完美运行,所以这是一个特定的WKWebView问题。在我完成WKWebView的实现后,我遇到了一个巨大的图形错误/问题。在纵向模式下,我的应用程序运行良好,但是当我将它旋转为横向时,会发生一些奇怪的事情,我的页眉和页脚无法正确呈现。如果我查看我的网络代码,我可以看到DOM中的CSS宽度正在使用正确的数据进行更新,但我只能看到页眉/页脚的纵向宽度(320px),即使它显示为style=“width:568px;”在DOM中。我正在使用positioning:fixed但如果我更改为positioning:relative它会在屏幕旋

javascript - 在使用 FileReader 上传之前预览图像,旋转图像

我看到很多关于在上传前查看图片的帖子。一篇文章有​​一个使用FileReader实现的非常简单的方法:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#preview_image').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}$("#image_input").change(function(){readURL(this);

javascript - winston 超过 maxsize 后我的日志文件不旋转

我有以下winston配置:'usestrict'importwinstonfrom'winston'importconfigfrom'../../config/environment'exportdefaultwinston.createLogger({level:'info',format:winston.format.printf(info=>info.message),transports:[newwinston.transports.Console(),newwinston.transports.File({filename:`${config.logsPath}/expre

javascript - Angular 4 - 检查是否所有页面资源都已完全加载(使加载器旋转直到所有资源都已完全加载)

我正在为我的Angular应用程序创建加载器。最常见的方法是在订阅http请求时传递bool参数,但我的服务的响应是一系列图片URL,因为页面中全是图片。因此,当检索到URL时,加载程序会停止,但由于连接速度较慢,用户会因为图像尚未完成加载而感到恼火。我曾尝试使用Javascript的加载事件来监听我的资源何时完成加载,以便我可以在那时停止加载器,但似乎我无法从监听器函数中操作加载器的值。这是我尝试过的://theTScomponentisLoading:boolean;ngOnInit(){this.isLoading=true;this.checkIfLoaded();}check

javascript - 如何使用 CSS3 和 jQuery 创建旋转齿轮?

我有以下网站,它在Flash中,后台有旋转的齿轮:http://thedrivepartnership.com/index.html我想使用CSS和JavaScript创建类似的东西-有人知道那里有任何示例吗? 最佳答案 我想你可以做的是创建一个填充窗口的容器,然后将你的齿轮放入该容器中。例如,您可能会在文件顶部放置一个包含动画的容器,其z-index非常低,适合窗口并具有固定位置。你会把你的内容放在最上面,假装css4刚出来支持.avi背景。只是在开玩笑。代码://Yourawesomecogpictures//Youraweso

javascript - 在 WebGL 中制作球体旋转

不确定我在这里遗漏了什么。试图通过让用户单击“旋转”按钮来使行星(即球体)旋转,但似乎无法弄清楚。我确实有以下部分通过用户与鼠标的交互来旋转球体:document.onmousemove=function(){if(!mouseDown){return;}varnewX=event.clientX;varnewY=event.clientY;vardeltaX=newX-lastMouseXvarnewRotationMatrix=mat4.create();mat4.identity(newRotationMatrix);mat4.rotate(newRotationMatrix,d

javascript - 带有普通 JavaScript 的无限旋转木马

我正在尝试使用纯JavaScript构建我自己的carousel。我正在努力寻找最有效的方法来添加无限轮播选项。出于某些原因,每个元素(照片、通用对象)都必须有一个id我看到的算法是这样的:你检查旋转木马是否溢出(有足够的对象来容纳整个容器)如果不是:将第一个元素的副本追加到后面,然后第二个元素的副本等等。(但是id会有问题,因为这个对象会有相同的id)-如果用户滚动到最后一个对象(向右),则追加返回数组的第一个DOM对象-如果用户滚动到第一个对象(向左)然后将最后一个DOM子对象添加到数组前面。这行得通吗?还有其他有效的无限轮播方式吗?我还听说使用翻译属性比更改左右属性更好,因此GP

旋转矩阵和欧拉角

欧拉角介绍旋转可以参考两种坐标系,内部坐标系(XYZ),角度α,β,γ.外部坐标系(xyz),角度ψ,θ,φ.不考虑参考坐标系情况下,按照旋转方式可以分为两种:ProperEulerangles(z-x-z,x-y-x,y-z-y,z-y-z,x-z-x,y-x-y)Tait–Bryanangles(x-y-z,y-z-x,z-x-y,x-z-y,z-y-x,y-x-z).与proper方式相比,Tait方式旋转会用上所有坐标轴.我们常说的欧拉角指的都是Tait-Bryanangles.旋转矩阵与欧拉角转换参考ComputingEuleranglesfromarotationmatrix维基百

javascript - 顺时针或逆时针旋转网页

我想为用户提供旋转网页内容的选项,包括图像、文本和div。这可能吗?附言:我想旋转整个网页。不仅仅是容器div。 最佳答案 你可以使用CSS3-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);http://jsfiddle.net/KdNNy/1/但并非在所有浏览器上都有效。此示例仅适用于firefox和chrome/safari。Opera应该也有。甚至IE编辑以防万一有人认为“哦,他只是在旋转一个DIV!”,检查一下http://jsbin.com/utup