草庐IT

android - 在 Android 中按度数旋转位图

全部标签

javascript - 事件旋转器 - 动画 GIF、CSS3 动画或 JavaScript (spin.js)?

我想在我的网站上添加一个微调器,我想知道使用哪种方法。我的初步调查结果如下(参见链接和WhynotanimatedGIFinsteadofanimatedCSSsprites?):GIF动画优点根据特定的微调器,可能会提供最小的占用空间(来自AjaxLoad的默认占用空间为673字节)浏览器兼容性高易于使用数据绑定(bind)(只需绑定(bind)到img标签的可见性)缺点Gif图片一旦下载就无法更改Gif动画无法可靠地启动/停止所有实例以同步方式同时动画动画在某些情况下可能会卡住,例如HTML操作JavaScript(spin.js)优点最高的浏览器兼容性(甚至退回到VML)高度动态

javascript - 旋转(90 度)未在 Chrome 37 中使用 .transform 应用

我有一些代码,直到最近,它还适用于所有支持CSS转换的浏览器。它打破了最新的Chrome(37)。我发现了问题。元素的计算样式的转换不被其他元素接受。HTMLOneTwoCSSdiv{width:100px;height:100px}.one{background-color:red;transform:rotate(90deg);}.two{background-color:blue}JavascriptvaroneStyle=window.getComputedStyle(document.querySelector('.one'));varoneTransform=oneStyl

javascript - 如何使用 getBoundingClientRect 获得度数的旋转?

在我的游戏中,您可以点击橙色框(它应该代表怪物)。单击后,一条绿线将附加到字符div。例如为了更好的解释:这是我用来生成该行的代码:l=document.createElement('div');l.innerHTML='';character.appendChild(l);它的CSS是:.lineBarCharacter{height:321px;width:2px;background:rgba(39,182,0,0.46)}#oLineBar{position:absolute;top:20px;left:37px;opacity:1;transition:transform1s

javascript - 使用普通 JavaScript 围绕其中心旋转 SVG 矩形

这不是另一个问题的重复。我找到了this谈论使用XML关于中心的旋转,尝试使用像rotate(45,60,60)这样的普通JavaScript来实现相同的旋转但没有和我一起工作。对我有用的方法是下面的代码片段中的方法,但发现矩形没有准确地围绕其中心旋转,并且它正在移动一点点,矩形应该在第一次点击时开始旋转,并且应该在第二次点击时停止点击,这对我来说很好。任何想法,为什么项目在移动,我该如何修复它。varNS="http://www.w3.org/2000/svg";varSVG=function(el){returndocument.createElementNS(NS,el);}va

javascript - 使 css3 过渡始终沿同一方向旋转

我试图让一个正面/背面div始终沿同一方向翻转。我用css和javascript实现了翻转,但我很难思考如何让它始终向右旋转,而不是向右旋转然后再向左旋转。我基本上使用带有以下css的div/*flipspeedgoeshere*/.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;transit

javascript - 在 AngularJS 中按程序包含组件

我有一个对象数组。这些对象中的每一个都有一个带有字符串值的“组件”属性。现在我想遍历列表并呈现每个引用的组件。循环对象的其他属性应该为组件提供参数(不包括在下面的示例中)。我的解决方案目前有效,但需要在switch-case中声明允许的元素并创建不需要的包装元素:angular.module('switchExample',[]).controller('ExampleController',['$scope',function($scope){$scope.items=[{component:"alpha"},{component:"beta"},{component:"alpha"

javascript - FB.login() 在 Android Chrome 上失败并显示 "Unsafe JavaScript attempt to initiate navigation for frame"但不是桌面 Chrome

我这里有一个FacebookJSSDK登录流程:https://web.triller.co/#/user/login当用户点击Facebook按钮时,将执行以下功能:loginFacebook(){constfbPromise=newPromise((resolve,reject)=>{FB.login(resp=>{if(resp.authResponse){resolve(resp.authResponse.accessToken);}else{console.log(resp);reject(newError('Facebooklogincanceledorfailed.'))

javascript - 用鼠标移动旋转div

我有以下代码来旋转一个div。通过同一div右上角图像上的mousedown事件。我希望div旋转直到鼠标抬起。从逻辑上讲,我相信代码没问题,但点击后它就可以工作了。当我点击另一个元素时,旋转停止而不是mouseup。我想在鼠标按下后拖动时,浏览器会尝试拖动图像,但我需要帮助。提前致谢:)fl_rotate:false,rotdivs:function(){varpw;varoThis=this;$('.dropdivimg').mousedown(function(e){oThis.destroyDragResize();oThis.fl_rotate=true;return;});

javascript - Three.js setFromRotationMatrix 旋转超过 90 度时的奇怪行为

我有一些对象,每个对象的每个旋转轴都有一个单独的父对象(1个用于X旋转,1个用于Y旋转,1个用于Z旋转。它们也按顺序相互关联:X-旋转对象是Y旋转对象的子对象。Y旋转对象是Z旋转对象的子对象)。我正在尝试创建一个功能,允许用户一起旋转场景中的所有对象(它们都包含在一个Object3D中)。当Object3D旋转时,程序必须找到所有对象相对于世界的绝对位置和旋转,以便程序可以输出每个对象的新值。为此,我目前将其设置为移动对象,以便将其在“场景旋转器”(Object3D)内的位置设置为其相对于世界的绝对位置。现在,我试图使对象的旋转成为对象相对于世界的绝对旋转,以便在“场景旋转器”的旋转发

javascript - JS中旋转body,左变右,右变左

我正在构建一个在触摸屏设备上使用的幻灯片(使用Swiper)。由于人们可以从两侧使用此设备,因此我希望能够旋转包含slider的整个网页。当我旋转页面时,幻灯片放映需要反转,这样向左滚动将有效地向左滚动,反之亦然。我都试过了:mousewheelInvert和controlInverse,但它们似乎都不能正确响应触摸事件?这些是Swiper库的属性,可以在这里找到:http://idangero.us/swiper/api/#.WVDHLROGN24有没有人试过这个?提前致谢 最佳答案 我的建议是添加一个监听器来检测方向变化并将“反