Cloudinary - Cookbook recipes of Angle

Find recipes by tags:

Image rotation

Rotate an image by setting the angle parameter (a in URLs) to a given value representing the degree of rotation. A positive value rotates the image clockwise while a negative value rotates it counterclockwise.

Original

Rotated 90°

Rotated overlay

URL Ruby PHP Python Node.js Java JS jQuery React Angular .Net Android All

URL:

https://res.cloudinary.com/demo/image/upload/a_90/sea_shell.jpg

Ruby:

cl_image_tag("sea_shell.jpg", :angle=>90)

PHP:

cl_image_tag("sea_shell.jpg", array("angle"=>90))

Python:

CloudinaryImage("sea_shell.jpg").image(angle=90)

Node.js:

cloudinary.image("sea_shell.jpg", {angle: 90})

Java:

cloudinary.url().transformation(new Transformation().angle(90)).imageTag("sea_shell.jpg")

JS:

cl.imageTag('sea_shell.jpg', {angle: 90}).toHtml();

jQuery:

$.cloudinary.image("sea_shell.jpg", {angle: 90})

React:

<Image publicId="sea_shell.jpg" >
  <Transformation angle="90" />
</Image>

Angular:

<cl-image public-id="sea_shell.jpg" >
  <cl-transformation angle="90">
  </cl-transformation>
</cl-image>

.Net:

cloudinary.Api.UrlImgUp.Transform(new Transformation().Angle(90)).BuildImageTag("sea_shell.jpg")

Android:

MediaManager.get().url().transformation(new Transformation().angle(90)).generate("sea_shell.jpg")

by Itay Taragano Jul 19, 2015

Tags:

Animated GIF manipulation

Transform animated GIFs just like any other image. Use Cloudinary's powerful image transformation tools to manipulate your animated GIFs just like you do for other standard still images.