在我的应用程序中,我在div中有一个图像,一个按钮。
我想旋转显示的图像,并在使用jquery单击按钮时保存旋转的图像。
我已经使用了代码:
http://code.google.com/p/jquery-rotate/
和jQuery代码:
$(function() { // doc ready var rotation = 0; // variable to do rotation with $("#img").click(function() { rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed $("#cropbox").rotate(rotation); }); });
html代码:
<img src="demo_files/pool.jpg" id="cropbox" /> <input type="button" id="img" name="img" value="click" />
当我使用上述代码时,有两个图像,一个是旧图像,另一个是旋转图像。
在这里我想旋转相同的图像并仅显示旋转的图像。并将旋转的图像保存在目录中。
我如何使用jquery做到这一点?如果无法使用jquery,那么如何使用php / ajax做到呢?
//define image path $filename="image.jpg"; // Load the image $source = imagecreatefromjpeg($filename); // Rotate $rotate = imagerotate($source, $degrees, 0); //and save it on your server... imagejpeg($rotate, "myNEWimage.jpg");
看一眼:
imagerotate()
和:
file_put_contents()