js 图片旋转缩放插件,js鼠标滚动控制图片缩放

js如何点击图片一次旋转90度，顺时针旋转 45度。//Picture旋转，35three，js鼠标控制对象旋转缩放三，js包含很多相机控制器，同样的旋转相机也可以实现，三个。js提供了变换控件，jscontrol，可以控制旋转、缩放和对象的平移，但是使用起来不太方便。

你好！不知道你的jquery.rotate. js是什么版本？新版本的用法不是很复杂，如下:$ (function () {$ (# rotateimg)。Click (function () {//click事件，每次点击都会顺时针旋转 45。//Picture旋转，并传递$

慢’)；});});。以中心纵轴旋转为基准。Rotate是jquery旋转rotate插件，支持InternetExplorer6.0 ，Firefox2.0，Safari3，Opera9，GoogleChrome。转换用于高级浏览器，VML用于较低版本的ie浏览器。

cxt.scale(2，2)；缩放是整个画布。缩放之后，继续绘制的图形会被放大或缩小。ctx.translate(x，Y)方法重新映射画布上的(0，0)位置X:添加到横坐标(X)的值Y:添加到纵坐标(Y)的值被位移后，相当于用新的X，Y位置替换画布的0，0坐标，所有绘制的新元素都受到影响。位移画布一般搭配缩放和旋转等。

document window . onl oadfunction(){ var current 0；document . getelementbyid( target )。onclick function(){ current(current 90)% 360；this . style . transform rotate( current deg )；}};。

三。js包含很多相机控制器，同样的旋转相机效果也可以实现。但是当我们需要固定场景背景，固定摄像头的时候。我们必须移动物体。三个。js提供了变换控件。jscontrol，可以控制旋转、缩放和对象的平移，但是使用起来不太方便。这时候就需要自己写控制器了。原理很简单:获取鼠标(手势)点击的位置和鼠标拖动的距离。

旋转rotate的代码。js如下:varele//用户定义的函数$，fn . extend({ rotate:function(){ elet this；setInterval(singleRotate()，20)；}});//初始角度vardegree0//Single time旋转Functionsinglerotate(){//一次增加degree dege 50度 50 * Math.pi/180; ele . CSS(transfor。