草庐IT

图片旋转

全部标签

javascript - three.js 在鼠标向下旋转对象并移动

我试图在我的场景中获得良好的鼠标移动,以便我可以围绕对象旋转。我有两个问题,我可以弄清楚如何限制运动,使其永远不会在Y轴上旋转低于0度。(我不想从下面看到物体,只能从上面看到)我想不通的第二件事是如何使运动流畅。现在我在jsfiddle中取得的成就是相机在开始旋转之前移回其起始位置。我的尝试:http://jsfiddle.net/phacer/FHD8W/4/这是我没有得到的部分:varspdy=(HEIGHT_S/2-mouseY)/100;varspdx=(WIDTH/2-mouseX)/100;root.rotation.x+=-(spdy/10);root.rotation.

javascript - AngularJS 的 404 图片加载问题

我想在网站中放置一个二维码,可以说它可以是从ASP.NETMVC操作提供的任何图像文件——但在本例中它是一个二维码。SCAN我将一些查询字符串参数传递到我的端点以生成QR码,它以GIF格式返回。使用AngularJS,我正在设置标签src属性。url和查询字符串是在AngularJSController中构造的。我的问题是,在Angular加载数据并将数据绑定(bind)到控件之前,在替换Angular表达式之前,当浏览器尝试获取图像时,我收到HTTP404错误。脚本运行后,QR码显示,如预期的那样。希望不要收到此HTTP错误。我能以某种方式延迟加载吗?或者稍微不同地使用Angular

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

使图像旋转以始终查看鼠标光标的 Javascript?

我试图让一个箭头指向我在javascript中的鼠标光标。现在它只是剧烈地旋转,而不是指向光标。这是我的一小段代码:https://jsfiddle.net/pk1w095s/下面是代码本身:varcv=document.createElement('canvas');cv.width=1224;cv.height=768;document.body.appendChild(cv);varrotA=0;varctx=cv.getContext('2d');vararrow=newImage();varcache;arrow.onload=function(){cache=this;ct

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

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 - 如何在猫头鹰轮播中使用背景图片

我想使用owlcarousel带有背景图片而不是标签,就像在http://driveshift.com/car/c10148中使用的一样.但是,插件站点中包含的每个示例都使用img标签。当您检查Shiftcarousel,它使用url图片作为data-src属性,然后owlcarousel自动将它们转换为背景图片。有什么建议吗? 最佳答案 查看示例代码https://owlcarousel2.github.io/OwlCarousel2/demos/lazyLoad.htmlLazyLoadHTMLstrucutrerequires

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - Flow react native导入图片报错cannot resolve module RelativeImageStub

我是flow的新手,我在react-native中导入图像时遇到了flow错误:importEditIconfrom'../../../../../assets/images/edit-icon.png';我收到这个错误:"cannotresolvemoduleRelativeImageStub"这是我的流程配置,其中有RelativeImageStubmodule.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aa