jjzjj

Transform

全部标签

javascript - 表单提交上的 Safari 动画

我有一个带有表单的页面,在提交后加载时间很长。这就是我决定将微调器置于按钮之上的原因。相反,如果提交按钮我有div,那么:$submit_btn.click(function(e){if($submit_btn.attr("data-send")=="yes"){e.preventDefault();}else{$('#reg').html('');$new_try_now.submit();}});在div微调器中我有CSS3动画。问题是动画在Chrome中运行良好,但在Safari中无法启动。我认为问题在于Safari终止了页面上的所有进程。如果没有AJAX,我如何避免它?编辑:动

javascript - 旋转一个div如何设置围绕哪个点旋转?

我的javascript是:$(function(){var$elie=$(".circle");rotate(0);functionrotate(degree){$elie.css({WebkitTransform:'rotate('+degree+'deg)'});$elie.css({'-moz-transform':'rotate('+degree+'deg)'});timer=setTimeout(function(){rotate(++degree);},5);}});如何围绕另一个中心点旋转div?这是演示:$(function(){var$elie=$(".circle

javascript - 变换矩阵线性组合的旋转动画导致放大缩小

我有一个3x3矩阵(startMatrix),它表示图像的实际View(平移、旋转和缩放)。现在我创建一个新矩阵(endMatrix),它有一个恒等矩阵、新的x和y坐标、新的Angular和新的比例,例如:endMatrix=translate(identityMatrix,-x,-y);endMatrix=rotate(endMatrix,angle);endMatrix=scale(endMatrix,scale);endMatrix=translate(endMatrix,(screen.width/2)/scale,screen.height/2)/scale);和功能(标准的

javascript - jquery怎么做翻转效果?

我正在尝试模仿通常在具有面板的移动设备上发现的效果,当您单击一个按钮时它会旋转,而在另一侧它会显示一些其他信息。我发现了一些使用css转换和hereisanexample的代码js$('#signup').on('click',function(e){e.preventDefault();document.getElementById('side-2').className='flipflip-side-1';document.getElementById('side-1').className='flipflip-side-2';});$('#create').on('click',

javascript - CSS3 圆形菜单

我找到了this漂亮的圆形菜单,我正在努力调整它以适应我自己的需要。我只需要该菜单中的四个元素,并且应该增加它们的“宽度”(水平空间)。我把原始代码放在这个fiddle里了.有四个元素的版本是here.如前所述,我试图通过增加它们的大小来填充它们之间的空白区域,因为我想在其中放置更多文本。我认为可能相关的部分CSS:.csstransforms.cn-wrapperli{position:absolute;top:50%;left:50%;overflow:hidden;margin-top:-1.3em;margin-left:-10em;width:10em;height:10em

javascript - CSS Transform Math - 计算倾斜引起的div的高度

我很难弄清楚如何计算由倾斜引起的div容器的额外高度。我正在屏蔽容器内的图像并使用plugin调整它的大小.容器不会始终具有相同的高度和宽度,因此使用固定尺寸是行不通的。请看我的demo.http://jsfiddle.net/RyU9W/6/HTMLCSS#profiles{margin-top:300px;transform:skewY(-30deg);-ms-transform:skewY(-30deg);/*IE9*/-webkit-transform:skewY(-30deg);/*SafariandChrome*/}.profile{cursor:pointer;float

javascript - 检测属性是否可以通过 CSS3 转换设置动画?

可以使用CSS3转换动画的属性列表在浏览器之间并不一致,并且可能会随着新浏览器版本的变化而变化。例如,-moz-transform在FF3.6中不能与-moz-transition一起设置动画,但在FF4中可以。那么,有没有一种方法可以在JavaScript中检测特定属性是否可以设置动画?我不想使用用户代理嗅探,因为它不可靠。提前致谢! 最佳答案 是的,有办法。下面是演示,下面是解释。其中涉及一些非常重要的注意事项,因此请务必继续阅读。以下代码将测试浏览器是否可以在两个值之间设置动画。代码jsFiddledemo./*@paramp

javascript - jQuery 图像预览 exif 旋转问题

我正在使用这个jQuery函数在上传之前显示图像。图片是从移动设备上传的,exif方向有问题。该函数只是将预览图片的src换成实际文件图片的base64编码。在服务器端(php),我正在使用一个函数来更正上传时的exif旋转。我可以在jQuery中制作与我的PHP代码类似的东西吗?这样我就可以在上传之前以正确的旋转显示图像?JavascriptfunctionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr(

javascript - 是否有js插件将矩阵参数转换为css3转换属性?

假设我有css3转换样式:img{-webkit-transform:rotate(10deg)translate(100px,20px);-moz-transform:rotate(10deg)translate(100px,20px);}然后我使用jquery获取它的样式:console.log($('#clone').css('-moz-transform'));它只返回一个序列号:matrix(0.984808,0.173648,-0.173648,0.984808,95.0078px,37.061px)有没有js插件可以把矩阵数转过来?或者转过来?

javascript - 如何使用矩阵从左上角缩放对象?

我正在阅读thisarticle其中解释了如何使用MatrixMath在ReactNative中进行旋转变换。我正在尝试为对象的比例而不是旋转设置动画,并且我希望它使用对象左上角而不是中心的原点进行缩放。谁能解释一下如何做到这一点?旋转矩阵的相关代码是:constmatrix=transformUtil.rotateX(dx);transformUtil.origin(matrix,{x:0,y,z:0});constperspective=this.props.perspective||rootDefaultProps.perspective;ref.setNativeProps({