草庐IT

旋转式

全部标签

使图像旋转以始终查看鼠标光标的 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 - 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 - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

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

javascript - RaphaelJS 旋转不起作用

我用这个把头撞在墙上。我有raphaeljs2.0版,我需要使图像以跨浏览器的方式旋转。我很想用CSS3来做,但并不是所有的浏览器都支持我需要做的事情。于是,绞尽脑汁就去了Raphaelplayground,在里面试了一下代码。在那里也不起作用。这是怎么回事?去Playground:http://raphaeljs.com/playground.html运行这段代码,应该会看到一个正方形的轮廓。paper.rect(100,100,300,300).animate({rotation:"-45"},2000);使用转换作品:paper.rect(100,100,300,300).ani

javascript - 你如何在angularjs中旋转图像

您好,我有一张图片要旋转。左右有两个按钮,可将图像沿相反方向旋转45度。我尝试使用jqueryrotate库创建一个指令,但它不起作用。帮忙?指令.js.directive('rotate',function(){return{restrict:'A',link:function(scope,element,attrs){console.log('hi');//watchthedegreesattribute,andupdatetheUIwhenitchangesscope.$watch(attrs.degrees,function(rotateDegrees){console.log

javascript - 猫头鹰旋转木马 : Run function when last slide is reached

我正在尝试在到达轮播的最后一张幻灯片时运行一个函数。我已经设法使用afterInit和afterMove回调来循环轮播项目,但我只需要能够在循环结束时运行一个函数。希望你能帮到你。插件:http://owlgraphic.com/owlcarousel/#customizingslideshow.owlCarousel({navigation:false,//ShownextandprevbuttonsslideSpeed:300,paginationSpeed:400,singleItem:true,autoPlay:false,stopOnHover:false,afterInit

javascript - 如何相对于鼠标位置旋转图像?

我正在尝试实现这种效果:http://metatroid.com/articles在页面顶部,但我无法仅使用他们提供的代码来旋转它。varimg=$('.image');if(img.length>0){varoffset=img.offset();functionmouse(evt){varcenter_x=(offset.left)+(img.width()/2);varcenter_y=(offset.top)+(img.height()/2);varmouse_x=evt.pageX;varmouse_y=evt.pageY;varradians=Math.atan2(mous

javascript - IE8 中的可打印旋转

如何在IE8中打印旋转内容(divs)?DXImageTranform过滤器选项似乎不可打印。http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85)只是为了说明这一点。我正在编写一个名为simpleCanvas的纯基于dom的Canvas库.我拼命尝试在不使用VML回退的情况下在IE8中提供文本、矩形和图像的旋转,因为它又丑又慢,而且errorprone.VML回退在我的待办事项列表中,因为我承认这是我知道如何在IE8中执行此操作而无需其他工具的唯一方法。我希望有一些技巧是我遗漏的,它没有第三方或服务器端要求。如果您找到了它,

javascript - 根据管端法线将旋转应用于圆柱体

我正在尝试在three.js中制作弯曲的3D箭头。为了完成此任务,我创建了一个沿着弯曲路径的Tube和一个形状为圆锥形的Cylinder(通过将radiusTop设置为微小)。他们目前看起来像这样:我试图将箭头头(圆柱体为圆锥形)放置在电子管的末端,如下所示:(Photoshopped)我的数学不是很强,对three.js还是很陌生。有人可以帮助我了解如何将两者连接起来吗?这是我当前的代码:importTfrom'three';varfindY=function(r,x){returnMath.sqrt((r*r)-(x*x));}varradius=25;varx=0;varz=0;

javascript - 如何使用 JavaScript 修复图像透视变形和旋转?

我有一些使用手机拍摄的图像。是否有任何JavaScript库可以拉直纸张的照片并将其展平?例如,我想创建一个矩形图像,而该图像没有任何失真。换句话说我想知道如何用JavaScript修复透视扭曲和旋转?例如,我在下面的示例图片中找到了this文章:如何用javascript修复这种类型的图像? 最佳答案 不需要额外的npm包,创建一个不规则的裁剪框就可以实现,首先将图像加载到Canvas中,在图像上调整4个裁剪点,将部分放入一个规则的矩形Canvas中。点击此链接获取详细代码和步骤ImagePerspectivecorrection