jjzjj

ROTATION

全部标签

c# - Silverlight 旋转和缩放位图图像以适合矩形而不裁剪

我需要旋转WriteableBitmap并在裁剪之前缩小或放大它。我当前的代码会旋转,但如果高度大于宽度,则会裁剪边缘。我假设我需要扩展?publicWriteableBitmapRotate(WriteableBitmapSource,doubleAngle){RotateTransformrt=newRotateTransform();rt.Angle=Angle;TransformGrouptransform=newTransformGroup();transform.Children.Add(rt);ImagetempImage2=newImage();WriteableBit

javascript - 如何在悬停时将元素旋转 180 度超过 150 毫秒?

鼠标悬停时,我需要在150毫秒的时间间隔内将元素逆时针旋转180˚,然后在鼠标移开时,我需要在150毫秒内将元素逆时针旋转回原来的0˚。我愿意使用CSS3、jQuery和JavaScript。我使用Chrome,但我还需要让它适用于Firefox和Safari。不太担心IE。 最佳答案 使用CSS3transform、transition和Javascript添加/删除类。演示:http://jsfiddle.net/ThinkingStiff/AEeWm/HTML:hovermeCSS:#rotate{border:1pxsoli

javascript - 调整旋转元素上的 handle 大小

我正在尝试将调整大小的handle放在矩形的四个Angular上,可以拖动它来调整矩形的大小。我遇到的问题是在拖动矩形的一个点后计算矩形的新宽度、新高度和新点。如果矩形不旋转,这显然很容易,因为宽度和高度的变化量与鼠标的offsetX和offsetY相同。然而,这个矩形可以旋转,所以offsetX和offsetY不匹配宽度/高度的变化。在上图中,我用纯黑色表示我已有的信息,用浅灰色表示我想查找的信息。我试图展示如果我将a1Angular向上和向右拖动,矩形应该如何变化。谁能帮我弄清楚如何计算缺失的信息?感谢您的帮助!非常感谢。--编辑:我在每个handle上都有拖动开始、拖动移动和拖动

javascript - 使用 2d html5Canvas 和 ctx.rotate 函数沿其面向的方向移动对象

标题说明了一切,我正在尝试根据物体所在的Angular向前移动物体。这是我的相关代码:xView=this.x-this.width/2;yView=this.y-this.height/2;playerCtx.drawImage(imgSprite,0,0,this.width,this.height,xView,yView,this.width,this.height);playerCtx.save();playerCtx.clearRect(0,0,game.width,game.height);playerCtx.translate(xView,yView);playerCtx

javascript - Three.js Object3d 圆柱体旋转对齐向量

我进行了广泛的搜索,但似乎无法弄清楚这个非常基本的东西。一两年前,我在stackoverflow和其他地方看到过其他示例,但它们无法与最新版本的Three.js一起使用。这是我正在处理的版本:http://medschoolgunners.com/sandbox/3d/.我试图让灰色圆锥与未标记的红色矢量完全对齐。IE。我希望圆锥体的尖端与矢量完全对齐,并从原点指向该方向。这是我现在的代码://FUNCTIONTOCREATEACYLINDERfunctioncreate_cylinder(radiusTop,radiusBottom,height,segmentsRadius,seg

javascript - 在传单中旋转标记

如何旋转传单中的标记?我会有很多标记,都有旋转Angular。我已经在runanet/coomsie尝试过这个解决方案,地址是LeafletonGitHub,但我的标记没有任何反应:L.Marker.RotatedMarker=L.Marker.extend({_reset:function(){varpos=this._map.latLngToLayerPoint(this._latlng).round();L.DomUtil.setPosition(this._icon,pos);if(this._shadow){L.DomUtil.setPosition(this._shadow

javascript - 在 Canvas 中围绕其中心旋转图像

我正在尝试在Canvas上制作我的第一个图像动画。我希望图像旋转,但我的代码中有些地方不正确。有任何想法吗?这一切都在准备好的jquery文档中:varcanvas=document.getElementById('logobg1');varctx=canvas.getContext('2d');varimg=newImage();//CreatenewImageobjectimg.src='images/containerbg.png';//Setsourcepath//setimgsrcimg.onload=function(){//whenimageloadsctx.drawIm

javascript - 使用 d3 在旋转的线上画笔以创建缩放效果

我正在研究thisplnkr.我有30度Angular、45度Angular和60度Angular的三条线。我想在这些线上应用画笔,这样当画笔绘制图表时,线条会在它穿过画笔矩形的位置重新绘制,并在轴上设置适当的值。非常感谢任何解决此问题的帮助或提示。编辑:如果您有不同的解决方案来绘制旋转线并在其上刷,也欢迎使用。请帮忙。varga=d3.select("svg").append("g").attr("class","aaxis").attr("transform","translate("+margin.left+","+(height+margin.top)+")").selectA

javascript - D3.js 动画旋转

当我尝试使用D3.js库正确执行旋转动画时遇到问题。问题与我想要旋转元素的点有关。这是我制作的fiddle来展示我的意思(慢动作):http://jsfiddle.net/74mCb/问题的根源似乎在这里:.attr("transform","rotate(-60,150,130)");然后我像这样旋转它:.attr("transform","rotate(40150,130)");我希望针头保持在原位(成为旋转中心),有人可以解释一下我做错了什么吗?谢谢! 最佳答案 这有点难以掌握(我自己并不完全理解)但是D3需要一些帮助来了解如

javascript - Three.js - 围绕特定 Axis 旋转球体

我有一个问题。在Three.js中,我想围绕倾斜23.5度的Axis旋转一个球体(地球)。我找到了sphere.rotation.x、sphere.rotation.y和sphere.rotation.z,但是当我以正确的比例组合它们时,球体的旋转非常奇怪-它没有永久旋转Axis。我想我需要像sphere.rotation.vector(1,0,-1)这样的函数。有谁知道这个函数是如何调用的以及正确的语法是怎样的?非常感谢您的回答! 最佳答案 您无需了解欧拉Angular或四元数的工作原理即可完成您想要的操作。你可以使用Object