Cloudinary Cookbook recipes about Angle

Creating a Bevel effect

Add the Bevel effect to any image. We will create a generalized transformation URL, which could be used to apply the bevel effect to any image. In order to do this, we'll make use of variables, overlays, the colorize effect, the cut-out effect, and more. Here is the final result - The Bevel effect

The Bevel effect

Triangle Image

Top Bevel

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 Vue.js Angular .Net Android iOS 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:

cloudinary.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>

Vue.js:

<cld-image publicId="sea_shell.jpg" >
  <cld-transformation angle="90" />
</cld-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");

iOS:

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAngle(90)).generate("sea_shell.jpg")!, cloudinary: cloudinary)

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.