流速+速率2018头像转换

6月13日至14日,O'Reilly在圣何塞举行流利+高速大会,云形搭建一个相当令人难以置信的亭 并带入一名专业摄影师照片破解后 生相机文件立即上传到媒体库 并转换成

搭建既有效又简单:我们通过USB连接相机和笔记本电脑(WiFi或Bluetooth上也可以轻而易举地连接),该机倾弃所有新照片并存入文件夹中之后我们用简单节点脚本监视新文件 发现后直接上传到云形只需几秒时人们交五到八次高清晰度摄影师拍摄时,

读流速+快速并截取专业图片亭头像(或从不同源码中取一个)下文举例说明我们展示的一些变换启发你自己的激动人心的创举

第一,专业、干净、简单和有效的变换供LinkedIn网站和类似网站使用:

1. 裁剪至1:1宽比并面向圆角图象
2. 应用灰度效果

大规模应用千位员工头像 并很快创建出关于US页面大全

<\/Image>","codeSnippet":" \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg', {transformation: [ {aspectRatio: \"1:1\", width: 500, gravity: \"faces\", effect: \"grayscale\", radius: \"max\", crop: \"fill\"}, {quality: \"auto\", fetchFormat: \"auto\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg', {transformation: [\n {aspectRatio: \"1:1\", width: 500, gravity: \"faces\", effect: \"grayscale\", radius: \"max\", crop: \"fill\"},\n {quality: \"auto\", fetchFormat: \"auto\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\").image(transformation=[ {'aspect_ratio': \"1:1\", 'width': 500, 'gravity': \"faces\", 'effect': \"grayscale\", 'radius': \"max\", 'crop': \"fill\"}, {'quality': \"auto\", 'fetch_format': \"auto\"} ])","codeSnippet":"CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\").image(transformation=[\n {'aspect_ratio': \"1:1\", 'width': 500, 'gravity': \"faces\", 'effect': \"grayscale\", 'radius': \"max\", 'crop': \"fill\"},\n {'quality': \"auto\", 'fetch_format': \"auto\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg'))\n\t->resize(Resize::fill()->width(500)\n\t->aspectRatio(\n\tAspectRatio::ar1X1())\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t)\n\t->roundCorners(RoundCorners::max())\n\t->effect(Effect::grayscale())\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","codeSnippet":"(new ImageTag('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg'))\n\t->resize(Resize::fill()->width(500)\n\t->aspectRatio(\n\tAspectRatio::ar1X1())\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::faces()))\n\t)\n\t->roundCorners(RoundCorners::max())\n\t->effect(Effect::grayscale())\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->delivery(Delivery::quality(\n\tQuality::auto()));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\", array(\"transformation\"=>array( array(\"aspect_ratio\"=>\"1:1\", \"width\"=>500, \"gravity\"=>\"faces\", \"effect\"=>\"grayscale\", \"radius\"=>\"max\", \"crop\"=>\"fill\"), array(\"quality\"=>\"auto\", \"fetch_format\"=>\"auto\") )))","codeSnippet":"cl_image_tag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\", array(\"transformation\"=>array(\n array(\"aspect_ratio\"=>\"1:1\", \"width\"=>500, \"gravity\"=>\"faces\", \"effect\"=>\"grayscale\", \"radius\"=>\"max\", \"crop\"=>\"fill\"),\n array(\"quality\"=>\"auto\", \"fetch_format\"=>\"auto\")\n )))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().aspectRatio(\"1:1\").width(500).gravity(\"faces\").effect(\"grayscale\").radius(\"max\").crop(\"fill\").chain() .quality(\"auto\").fetchFormat(\"auto\")).imageTag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .aspectRatio(\"1:1\").width(500).gravity(\"faces\").effect(\"grayscale\").radius(\"max\").crop(\"fill\").chain()\n .quality(\"auto\").fetchFormat(\"auto\")).imageTag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\", :transformation=>[ {:aspect_ratio=>\"1:1\", :width=>500, :gravity=>\"faces\", :effect=>\"grayscale\", :radius=>\"max\", :crop=>\"fill\"}, {:quality=>\"auto\", :fetch_format=>:auto} ])","codeSnippet":"cl_image_tag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\", :transformation=>[\n {:aspect_ratio=>\"1:1\", :width=>500, :gravity=>\"faces\", :effect=>\"grayscale\", :radius=>\"max\", :crop=>\"fill\"},\n {:quality=>\"auto\", :fetch_format=>:auto}\n ])","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().AspectRatio(\"1:1\").Width(500).Gravity(\"faces\").Effect(\"grayscale\").Radius(\"max\").Crop(\"fill\").Chain() .Quality(\"auto\").FetchFormat(\"auto\")).BuildImageTag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .AspectRatio(\"1:1\").Width(500).Gravity(\"faces\").Effect(\"grayscale\").Radius(\"max\").Crop(\"fill\").Chain()\n .Quality(\"auto\").FetchFormat(\"auto\")).BuildImageTag(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(500)\n\t.aspectRatio(\n\tAspectRatio.ar1X1())\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t)\n\t.roundCorners(RoundCorners.max())\n\t.effect(Effect.grayscale())\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","codeSnippet":"cloudinary.image('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(500)\n\t.aspectRatio(\n\tAspectRatio.ar1X1())\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t)\n\t.roundCorners(RoundCorners.max())\n\t.effect(Effect.grayscale())\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.delivery(Delivery.quality(\n\tQuality.auto())));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAspectRatio(\"1:1\").setWidth(500).setGravity(\"faces\").setEffect(\"grayscale\").setRadius(\"max\").setCrop(\"fill\").chain() .setQuality(\"auto\").setFetchFormat(\"auto\")).generate(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setAspectRatio(\"1:1\").setWidth(500).setGravity(\"faces\").setEffect(\"grayscale\").setRadius(\"max\").setCrop(\"fill\").chain()\n .setQuality(\"auto\").setFetchFormat(\"auto\")).generate(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().aspectRatio(\"1:1\").width(500).gravity(\"faces\").effect(\"grayscale\").radius(\"max\").crop(\"fill\").chain() .quality(\"auto\").fetchFormat(\"auto\")).generate(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .aspectRatio(\"1:1\").width(500).gravity(\"faces\").effect(\"grayscale\").radius(\"max\").crop(\"fill\").chain()\n .quality(\"auto\").fetchFormat(\"auto\")).generate(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg').transformation(Transformation()\n\t.addTransformation(\"ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\/q_auto,f_auto\"));","codeSnippet":"cloudinary.image('_MG_8655_svs9ab_ghxhhf_lrafi0.jpg').transformation(Transformation()\n\t.addTransformation(\"ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\/q_auto,f_auto\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n\t resize(Resize.fill() { width(500)\n\t aspectRatio(\n\tAspectRatio.ar1X1())\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t })\n\t roundCorners(RoundCorners.max())\n\t effect(Effect.grayscale())\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n\t resize(Resize.fill() { width(500)\n\t aspectRatio(\n\tAspectRatio.ar1X1())\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.faces()))\n\t })\n\t roundCorners(RoundCorners.max())\n\t effect(Effect.grayscale())\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t delivery(Delivery.quality(\n\tQuality.auto())) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\", {transformation: [ {aspect_ratio: \"1:1\", width: 500, gravity: \"faces\", effect: \"grayscale\", radius: \"max\", crop: \"fill\"}, {quality: \"auto\", fetch_format: \"auto\"} ]})","codeSnippet":"$.cloudinary.image(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\", {transformation: [\n {aspect_ratio: \"1:1\", width: 500, gravity: \"faces\", effect: \"grayscale\", radius: \"max\", crop: \"fill\"},\n {quality: \"auto\", fetch_format: \"auto\"}\n ]})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","codeSnippet":"new CloudinaryImage(\"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg\")\n .resize(\n fill()\n .width(500)\n .aspectRatio(ar1X1())\n .gravity(focusOn(faces()))\n )\n .roundCorners(max())\n .effect(grayscale())\n .delivery(format(auto()))\n .delivery(quality(auto()));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\/q_auto,f_auto\/_MG_8655_svs9ab_ghxhhf_lrafi0.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"aspect_ratio":"1:1","crop_mode":"fill","width":"500","gravity":"faces","effect":"grayscale","radius":"max"},{"quality":"auto","format":"auto"}],"transformation_string":"ar_1:1,c_fill,w_500,g_faces,e_grayscale,r_max\/q_auto,f_auto","url_suffix":"","version":"","secure":true,"public_id":"_MG_8655_svs9ab_ghxhhf_lrafi0.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

下一个变换显示个性与创造力我们用紫色换各种其他颜色e_替换color效果拨入生成最佳结果 几分钟演示站

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","codeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","codeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","codeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('fluent\/thadlrc9tfo7a5valtpg.jpg', {transformation: [ {aspectRatio: \"2:3\", width: 400, gravity: \"face\", crop: \"fill\"}, {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspectRatio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:orange:55:purple\", crop: \"fill\"}, {flags: \"layer_apply\", gravity: \"west\", x: 400}, {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspectRatio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:blue:55:purple\", crop: \"fill\"}, {flags: \"layer_apply\", gravity: \"west\", x: 800}, {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspectRatio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:green:55:purple\", crop: \"fill\"}, {flags: \"layer_apply\", gravity: \"west\", x: 1200} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('fluent\/thadlrc9tfo7a5valtpg.jpg', {transformation: [\n {aspectRatio: \"2:3\", width: 400, gravity: \"face\", crop: \"fill\"},\n {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspectRatio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:orange:55:purple\", crop: \"fill\"},\n {flags: \"layer_apply\", gravity: \"west\", x: 400},\n {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspectRatio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:blue:55:purple\", crop: \"fill\"},\n {flags: \"layer_apply\", gravity: \"west\", x: 800},\n {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspectRatio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:green:55:purple\", crop: \"fill\"},\n {flags: \"layer_apply\", gravity: \"west\", x: 1200}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\").image(transformation=[ {'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'crop': \"fill\"}, {'overlay': \"fluent:thadlrc9tfo7a5valtpg\", 'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'effect': \"replace_color:orange:55:purple\", 'crop': \"fill\"}, {'flags': \"layer_apply\", 'gravity': \"west\", 'x': 400}, {'overlay': \"fluent:thadlrc9tfo7a5valtpg\", 'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'effect': \"replace_color:blue:55:purple\", 'crop': \"fill\"}, {'flags': \"layer_apply\", 'gravity': \"west\", 'x': 800}, {'overlay': \"fluent:thadlrc9tfo7a5valtpg\", 'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'effect': \"replace_color:green:55:purple\", 'crop': \"fill\"}, {'flags': \"layer_apply\", 'gravity': \"west\", 'x': 1200} ])","codeSnippet":"CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\").image(transformation=[\n {'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'crop': \"fill\"},\n {'overlay': \"fluent:thadlrc9tfo7a5valtpg\", 'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'effect': \"replace_color:orange:55:purple\", 'crop': \"fill\"},\n {'flags': \"layer_apply\", 'gravity': \"west\", 'x': 400},\n {'overlay': \"fluent:thadlrc9tfo7a5valtpg\", 'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'effect': \"replace_color:blue:55:purple\", 'crop': \"fill\"},\n {'flags': \"layer_apply\", 'gravity': \"west\", 'x': 800},\n {'overlay': \"fluent:thadlrc9tfo7a5valtpg\", 'aspect_ratio': \"2:3\", 'width': 400, 'gravity': \"face\", 'effect': \"replace_color:green:55:purple\", 'crop': \"fill\"},\n {'flags': \"layer_apply\", 'gravity': \"west\", 'x': 1200}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('fluent\/thadlrc9tfo7a5valtpg.jpg'))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->overlay(Overlay::source(\n\tSource::image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t->transformation((new Transformation())\n\t->adjust(Adjust::replaceColor(Color::ORANGE)\n\t->fromColor(Color::PURPLE)\n->tolerance(55))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::west()))\n->offsetX(400))\n\t)\n\t->overlay(Overlay::source(\n\tSource::image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t->transformation((new Transformation())\n\t->adjust(Adjust::replaceColor(Color::BLUE)\n\t->fromColor(Color::PURPLE)\n->tolerance(55))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::west()))\n->offsetX(800))\n\t)\n\t->overlay(Overlay::source(\n\tSource::image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t->transformation((new Transformation())\n\t->adjust(Adjust::replaceColor(Color::GREEN)\n\t->fromColor(Color::PURPLE)\n->tolerance(55))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::west()))\n->offsetX(1200))\n\t);","codeSnippet":"(new ImageTag('fluent\/thadlrc9tfo7a5valtpg.jpg'))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->overlay(Overlay::source(\n\tSource::image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t->transformation((new Transformation())\n\t->adjust(Adjust::replaceColor(Color::ORANGE)\n\t->fromColor(Color::PURPLE)\n->tolerance(55))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::west()))\n->offsetX(400))\n\t)\n\t->overlay(Overlay::source(\n\tSource::image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t->transformation((new Transformation())\n\t->adjust(Adjust::replaceColor(Color::BLUE)\n\t->fromColor(Color::PURPLE)\n->tolerance(55))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::west()))\n->offsetX(800))\n\t)\n\t->overlay(Overlay::source(\n\tSource::image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t->transformation((new Transformation())\n\t->adjust(Adjust::replaceColor(Color::GREEN)\n\t->fromColor(Color::PURPLE)\n->tolerance(55))\n\t->resize(Resize::fill()->width(400)\n->aspectRatio(\"2:3\")\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::west()))\n->offsetX(1200))\n\t);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\", array(\"transformation\"=>array( array(\"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"crop\"=>\"fill\"), array(\"overlay\"=>\"fluent:thadlrc9tfo7a5valtpg\", \"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"effect\"=>\"replace_color:orange:55:purple\", \"crop\"=>\"fill\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"west\", \"x\"=>400), array(\"overlay\"=>\"fluent:thadlrc9tfo7a5valtpg\", \"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"effect\"=>\"replace_color:blue:55:purple\", \"crop\"=>\"fill\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"west\", \"x\"=>800), array(\"overlay\"=>\"fluent:thadlrc9tfo7a5valtpg\", \"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"effect\"=>\"replace_color:green:55:purple\", \"crop\"=>\"fill\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"west\", \"x\"=>1200) )))","codeSnippet":"cl_image_tag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\", array(\"transformation\"=>array(\n array(\"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"crop\"=>\"fill\"),\n array(\"overlay\"=>\"fluent:thadlrc9tfo7a5valtpg\", \"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"effect\"=>\"replace_color:orange:55:purple\", \"crop\"=>\"fill\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"west\", \"x\"=>400),\n array(\"overlay\"=>\"fluent:thadlrc9tfo7a5valtpg\", \"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"effect\"=>\"replace_color:blue:55:purple\", \"crop\"=>\"fill\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"west\", \"x\"=>800),\n array(\"overlay\"=>\"fluent:thadlrc9tfo7a5valtpg\", \"aspect_ratio\"=>\"2:3\", \"width\"=>400, \"gravity\"=>\"face\", \"effect\"=>\"replace_color:green:55:purple\", \"crop\"=>\"fill\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"west\", \"x\"=>1200)\n )))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().aspectRatio(\"2:3\").width(400).gravity(\"face\").crop(\"fill\").chain() .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:orange:55:purple\").crop(\"fill\").chain() .flags(\"layer_apply\").gravity(\"west\").x(400).chain() .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:blue:55:purple\").crop(\"fill\").chain() .flags(\"layer_apply\").gravity(\"west\").x(800).chain() .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:green:55:purple\").crop(\"fill\").chain() .flags(\"layer_apply\").gravity(\"west\").x(1200)).imageTag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .aspectRatio(\"2:3\").width(400).gravity(\"face\").crop(\"fill\").chain()\n .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:orange:55:purple\").crop(\"fill\").chain()\n .flags(\"layer_apply\").gravity(\"west\").x(400).chain()\n .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:blue:55:purple\").crop(\"fill\").chain()\n .flags(\"layer_apply\").gravity(\"west\").x(800).chain()\n .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:green:55:purple\").crop(\"fill\").chain()\n .flags(\"layer_apply\").gravity(\"west\").x(1200)).imageTag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\", :transformation=>[ {:aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :crop=>\"fill\"}, {:overlay=>\"fluent:thadlrc9tfo7a5valtpg\", :aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :effect=>\"replace_color:orange:55:purple\", :crop=>\"fill\"}, {:flags=>\"layer_apply\", :gravity=>\"west\", :x=>400}, {:overlay=>\"fluent:thadlrc9tfo7a5valtpg\", :aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :effect=>\"replace_color:blue:55:purple\", :crop=>\"fill\"}, {:flags=>\"layer_apply\", :gravity=>\"west\", :x=>800}, {:overlay=>\"fluent:thadlrc9tfo7a5valtpg\", :aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :effect=>\"replace_color:green:55:purple\", :crop=>\"fill\"}, {:flags=>\"layer_apply\", :gravity=>\"west\", :x=>1200} ])","codeSnippet":"cl_image_tag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\", :transformation=>[\n {:aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :crop=>\"fill\"},\n {:overlay=>\"fluent:thadlrc9tfo7a5valtpg\", :aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :effect=>\"replace_color:orange:55:purple\", :crop=>\"fill\"},\n {:flags=>\"layer_apply\", :gravity=>\"west\", :x=>400},\n {:overlay=>\"fluent:thadlrc9tfo7a5valtpg\", :aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :effect=>\"replace_color:blue:55:purple\", :crop=>\"fill\"},\n {:flags=>\"layer_apply\", :gravity=>\"west\", :x=>800},\n {:overlay=>\"fluent:thadlrc9tfo7a5valtpg\", :aspect_ratio=>\"2:3\", :width=>400, :gravity=>\"face\", :effect=>\"replace_color:green:55:purple\", :crop=>\"fill\"},\n {:flags=>\"layer_apply\", :gravity=>\"west\", :x=>1200}\n ])","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Crop(\"fill\").Chain() .Overlay(new Layer().PublicId(\"fluent:thadlrc9tfo7a5valtpg\")).AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Effect(\"replace_color:orange:55:purple\").Crop(\"fill\").Chain() .Flags(\"layer_apply\").Gravity(\"west\").X(400).Chain() .Overlay(new Layer().PublicId(\"fluent:thadlrc9tfo7a5valtpg\")).AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Effect(\"replace_color:blue:55:purple\").Crop(\"fill\").Chain() .Flags(\"layer_apply\").Gravity(\"west\").X(800).Chain() .Overlay(new Layer().PublicId(\"fluent:thadlrc9tfo7a5valtpg\")).AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Effect(\"replace_color:green:55:purple\").Crop(\"fill\").Chain() .Flags(\"layer_apply\").Gravity(\"west\").X(1200)).BuildImageTag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Crop(\"fill\").Chain()\n .Overlay(new Layer().PublicId(\"fluent:thadlrc9tfo7a5valtpg\")).AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Effect(\"replace_color:orange:55:purple\").Crop(\"fill\").Chain()\n .Flags(\"layer_apply\").Gravity(\"west\").X(400).Chain()\n .Overlay(new Layer().PublicId(\"fluent:thadlrc9tfo7a5valtpg\")).AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Effect(\"replace_color:blue:55:purple\").Crop(\"fill\").Chain()\n .Flags(\"layer_apply\").Gravity(\"west\").X(800).Chain()\n .Overlay(new Layer().PublicId(\"fluent:thadlrc9tfo7a5valtpg\")).AspectRatio(\"2:3\").Width(400).Gravity(\"face\").Effect(\"replace_color:green:55:purple\").Crop(\"fill\").Chain()\n .Flags(\"layer_apply\").Gravity(\"west\").X(1200)).BuildImageTag(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('fluent\/thadlrc9tfo7a5valtpg.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.ORANGE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(400))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.BLUE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(800))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.GREEN)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(1200))\n\t));","codeSnippet":"cloudinary.image('fluent\/thadlrc9tfo7a5valtpg.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.ORANGE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(400))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.BLUE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(800))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.GREEN)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(1200))\n\t));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setCrop(\"fill\").chain() .setOverlay(\"fluent:thadlrc9tfo7a5valtpg\").setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setEffect(\"replace_color:orange:55:purple\").setCrop(\"fill\").chain() .setFlags(\"layer_apply\").setGravity(\"west\").setX(400).chain() .setOverlay(\"fluent:thadlrc9tfo7a5valtpg\").setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setEffect(\"replace_color:blue:55:purple\").setCrop(\"fill\").chain() .setFlags(\"layer_apply\").setGravity(\"west\").setX(800).chain() .setOverlay(\"fluent:thadlrc9tfo7a5valtpg\").setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setEffect(\"replace_color:green:55:purple\").setCrop(\"fill\").chain() .setFlags(\"layer_apply\").setGravity(\"west\").setX(1200)).generate(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setCrop(\"fill\").chain()\n .setOverlay(\"fluent:thadlrc9tfo7a5valtpg\").setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setEffect(\"replace_color:orange:55:purple\").setCrop(\"fill\").chain()\n .setFlags(\"layer_apply\").setGravity(\"west\").setX(400).chain()\n .setOverlay(\"fluent:thadlrc9tfo7a5valtpg\").setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setEffect(\"replace_color:blue:55:purple\").setCrop(\"fill\").chain()\n .setFlags(\"layer_apply\").setGravity(\"west\").setX(800).chain()\n .setOverlay(\"fluent:thadlrc9tfo7a5valtpg\").setAspectRatio(\"2:3\").setWidth(400).setGravity(\"face\").setEffect(\"replace_color:green:55:purple\").setCrop(\"fill\").chain()\n .setFlags(\"layer_apply\").setGravity(\"west\").setX(1200)).generate(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().aspectRatio(\"2:3\").width(400).gravity(\"face\").crop(\"fill\").chain() .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:orange:55:purple\").crop(\"fill\").chain() .flags(\"layer_apply\").gravity(\"west\").x(400).chain() .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:blue:55:purple\").crop(\"fill\").chain() .flags(\"layer_apply\").gravity(\"west\").x(800).chain() .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:green:55:purple\").crop(\"fill\").chain() .flags(\"layer_apply\").gravity(\"west\").x(1200)).generate(\"fluent\/thadlrc9tfo7a5valtpg.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .aspectRatio(\"2:3\").width(400).gravity(\"face\").crop(\"fill\").chain()\n .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:orange:55:purple\").crop(\"fill\").chain()\n .flags(\"layer_apply\").gravity(\"west\").x(400).chain()\n .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:blue:55:purple\").crop(\"fill\").chain()\n .flags(\"layer_apply\").gravity(\"west\").x(800).chain()\n .overlay(new Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\")).aspectRatio(\"2:3\").width(400).gravity(\"face\").effect(\"replace_color:green:55:purple\").crop(\"fill\").chain()\n .flags(\"layer_apply\").gravity(\"west\").x(1200)).generate(\"fluent\/thadlrc9tfo7a5valtpg.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('fluent\/thadlrc9tfo7a5valtpg.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.ORANGE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(400))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.BLUE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(800))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.GREEN)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(1200))\n\t));","codeSnippet":"cloudinary.image('fluent\/thadlrc9tfo7a5valtpg.jpg').transformation(Transformation()\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.ORANGE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(400))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.BLUE)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(800))\n\t)\n\t.overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\")\n\t.transformation(new Transformation()\n\t.adjust(Adjust.replaceColor(Color.GREEN)\n\t.fromColor(Color.PURPLE)\n.tolerance(55))\n\t.resize(Resize.fill().width(400)\n.aspectRatio(\"2:3\")\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.west()))\n.offsetX(1200))\n\t));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\") {\n\t transformation(Transformation {\n\t adjust(Adjust.replaceColor(Color.ORANGE) {\n\t fromColor(Color.PURPLE)\n tolerance(55) })\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.west()))\n offsetX(400) })\n\t })\n\t overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\") {\n\t transformation(Transformation {\n\t adjust(Adjust.replaceColor(Color.BLUE) {\n\t fromColor(Color.PURPLE)\n tolerance(55) })\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.west()))\n offsetX(800) })\n\t })\n\t overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\") {\n\t transformation(Transformation {\n\t adjust(Adjust.replaceColor(Color.GREEN) {\n\t fromColor(Color.PURPLE)\n tolerance(55) })\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.west()))\n offsetX(1200) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\") {\n\t transformation(Transformation {\n\t adjust(Adjust.replaceColor(Color.ORANGE) {\n\t fromColor(Color.PURPLE)\n tolerance(55) })\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.west()))\n offsetX(400) })\n\t })\n\t overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\") {\n\t transformation(Transformation {\n\t adjust(Adjust.replaceColor(Color.BLUE) {\n\t fromColor(Color.PURPLE)\n tolerance(55) })\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.west()))\n offsetX(800) })\n\t })\n\t overlay(Overlay.source(\n\tSource.image(\"fluent\/thadlrc9tfo7a5valtpg\") {\n\t transformation(Transformation {\n\t adjust(Adjust.replaceColor(Color.GREEN) {\n\t fromColor(Color.PURPLE)\n tolerance(55) })\n\t resize(Resize.fill() { width(400)\n aspectRatio(\"2:3\")\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.west()))\n offsetX(1200) })\n\t }) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"fluent\/thadlrc9tfo7a5valtpg.jpg\", {transformation: [ {aspect_ratio: \"2:3\", width: 400, gravity: \"face\", crop: \"fill\"}, {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspect_ratio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:orange:55:purple\", crop: \"fill\"}, {flags: \"layer_apply\", gravity: \"west\", x: 400}, {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspect_ratio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:blue:55:purple\", crop: \"fill\"}, {flags: \"layer_apply\", gravity: \"west\", x: 800}, {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspect_ratio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:green:55:purple\", crop: \"fill\"}, {flags: \"layer_apply\", gravity: \"west\", x: 1200} ]})","codeSnippet":"$.cloudinary.image(\"fluent\/thadlrc9tfo7a5valtpg.jpg\", {transformation: [\n {aspect_ratio: \"2:3\", width: 400, gravity: \"face\", crop: \"fill\"},\n {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspect_ratio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:orange:55:purple\", crop: \"fill\"},\n {flags: \"layer_apply\", gravity: \"west\", x: 400},\n {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspect_ratio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:blue:55:purple\", crop: \"fill\"},\n {flags: \"layer_apply\", gravity: \"west\", x: 800},\n {overlay: new cloudinary.Layer().publicId(\"fluent:thadlrc9tfo7a5valtpg\"), aspect_ratio: \"2:3\", width: 400, gravity: \"face\", effect: \"replace_color:green:55:purple\", crop: \"fill\"},\n {flags: \"layer_apply\", gravity: \"west\", x: 1200}\n ]})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","codeSnippet":"new CloudinaryImage(\"fluent\/thadlrc9tfo7a5valtpg.jpg\")\n .resize(\n fill()\n .width(400)\n .aspectRatio(\"2:3\")\n .gravity(focusOn(face()))\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"orange\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(400)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"blue\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(800)\n )\n )\n .overlay(\n source(\n image(\"fluent\/thadlrc9tfo7a5valtpg\").transformation(\n new Transformation()\n .adjust(replaceColor(\"green\").fromColor(\"purple\").tolerance(55))\n .resize(fill().width(400).aspectRatio(\"2:3\").gravity(focusOn(face())))\n )\n ).position(\n new Position()\n .gravity(compass(\"west\"))\n .offsetX(1200)\n )\n );","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/ar_2:3,w_400,c_fill,g_face\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:orange:55:purple\/fl_layer_apply,g_west,x_400\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:blue:55:purple\/fl_layer_apply,g_west,x_800\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:green:55:purple\/fl_layer_apply,g_west,x_1200\/fluent\/thadlrc9tfo7a5valtpg.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"aspect_ratio":"2:3","width":"400","crop_mode":"fill","gravity":"face"},{"overlay":"fluent:thadlrc9tfo7a5valtpg","aspect_ratio":"2:3","width":"400","crop_mode":"fill","gravity":"face","effect":"replace_color:orange:55:purple"},{"flags":"layer_apply","gravity":"west","x":"400"},{"overlay":"fluent:thadlrc9tfo7a5valtpg","aspect_ratio":"2:3","width":"400","crop_mode":"fill","gravity":"face","effect":"replace_color:blue:55:purple"},{"flags":"layer_apply","gravity":"west","x":"800"},{"overlay":"fluent:thadlrc9tfo7a5valtpg","aspect_ratio":"2:3","width":"400","crop_mode":"fill","gravity":"face","effect":"replace_color:green:55:purple"},{"flags":"layer_apply","gravity":"west","x":"1200"}],"transformation_string":"ar_2:3,w_400,c_fill,g_face\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:orange:55:purple\/fl_layer_apply,g_west,x_400\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:blue:55:purple\/fl_layer_apply,g_west,x_800\/l_fluent:thadlrc9tfo7a5valtpg,ar_2:3,w_400,c_fill,g_face,e_replace_color:green:55:purple\/fl_layer_apply,g_west,x_1200","url_suffix":"","version":null,"secure":true,"public_id":"fluent\/thadlrc9tfo7a5valtpg.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

最后,趣味和目光捕捉:用云化动画GIF集图片使用上方显示的许多酷能力实现所有事物标准化并增加文本覆盖社会分享

简单标注所有图集,执行标本变换为1:1宽比,并增加底层右角文本叠加

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","codeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","codeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","codeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('fluent-gif-1.gif', {type: \"multi\", transformation: [ {aspectRatio: \"1:1\", width: 300, gravity: \"face\", crop: \"fill\"}, {overlay: new cloudinary.TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\"), gravity: \"south_east\", color: \"blue\", border: \"2px_solid_pink\"}, {delay: \"500\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('fluent-gif-1.gif', {type: \"multi\", transformation: [\n {aspectRatio: \"1:1\", width: 300, gravity: \"face\", crop: \"fill\"},\n {overlay: new cloudinary.TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\"), gravity: \"south_east\", color: \"blue\", border: \"2px_solid_pink\"},\n {delay: \"500\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"fluent-gif-1.gif\").image(type=\"multi\", transformation=[ {'aspect_ratio': \"1:1\", 'width': 300, 'gravity': \"face\", 'crop': \"fill\"}, {'overlay': {'font_family': \"rubik\", 'font_size': 25, 'font_weight': \"bold\", 'stroke': \"stroke\", 'text': \"Cloudinary%20Rocks%21\"}, 'gravity': \"south_east\", 'color': \"blue\", 'border': \"2px_solid_pink\"}, {'delay': \"500\"} ])","codeSnippet":"CloudinaryImage(\"fluent-gif-1.gif\").image(type=\"multi\", transformation=[\n {'aspect_ratio': \"1:1\", 'width': 300, 'gravity': \"face\", 'crop': \"fill\"},\n {'overlay': {'font_family': \"rubik\", 'font_size': 25, 'font_weight': \"bold\", 'stroke': \"stroke\", 'text': \"Cloudinary%20Rocks%21\"}, 'gravity': \"south_east\", 'color': \"blue\", 'border': \"2px_solid_pink\"},\n {'delay': \"500\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('fluent-gif-1.gif'))\n\t->resize(Resize::fill()->width(300)\n\t->aspectRatio(\n\tAspectRatio::ar1X1())\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Cloudinary Rocks!\",(new TextStyle(\"rubik\",25))\n\t->fontWeight(\n\tFontWeight::bold())\n\t->stroke(\n\tStroke::solid(2,Color::PINK))\n\t)\n\t->textColor(Color::BLUE)\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::southEast()))\n\t)\n\t)\n\t->animated(Animated::edit()->delay(500))\n\t->deliveryType(\"multi\");","codeSnippet":"(new ImageTag('fluent-gif-1.gif'))\n\t->resize(Resize::fill()->width(300)\n\t->aspectRatio(\n\tAspectRatio::ar1X1())\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Cloudinary Rocks!\",(new TextStyle(\"rubik\",25))\n\t->fontWeight(\n\tFontWeight::bold())\n\t->stroke(\n\tStroke::solid(2,Color::PINK))\n\t)\n\t->textColor(Color::BLUE)\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::southEast()))\n\t)\n\t)\n\t->animated(Animated::edit()->delay(500))\n\t->deliveryType(\"multi\");","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"fluent-gif-1.gif\", array(\"type\"=>\"multi\", \"transformation\"=>array( array(\"aspect_ratio\"=>\"1:1\", \"width\"=>300, \"gravity\"=>\"face\", \"crop\"=>\"fill\"), array(\"overlay\"=>array(\"font_family\"=>\"rubik\", \"font_size\"=>25, \"font_weight\"=>\"bold\", \"stroke\"=>\"stroke\", \"text\"=>\"Cloudinary%20Rocks%21\"), \"gravity\"=>\"south_east\", \"color\"=>\"blue\", \"border\"=>\"2px_solid_pink\"), array(\"delay\"=>\"500\") )))","codeSnippet":"cl_image_tag(\"fluent-gif-1.gif\", array(\"type\"=>\"multi\", \"transformation\"=>array(\n array(\"aspect_ratio\"=>\"1:1\", \"width\"=>300, \"gravity\"=>\"face\", \"crop\"=>\"fill\"),\n array(\"overlay\"=>array(\"font_family\"=>\"rubik\", \"font_size\"=>25, \"font_weight\"=>\"bold\", \"stroke\"=>\"stroke\", \"text\"=>\"Cloudinary%20Rocks%21\"), \"gravity\"=>\"south_east\", \"color\"=>\"blue\", \"border\"=>\"2px_solid_pink\"),\n array(\"delay\"=>\"500\")\n )))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().aspectRatio(\"1:1\").width(300).gravity(\"face\").crop(\"fill\").chain() .overlay(new TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\")).gravity(\"south_east\").color(\"blue\").border(\"2px_solid_pink\").chain() .delay(\"500\")).type(\"multi\").imageTag(\"fluent-gif-1.gif\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .aspectRatio(\"1:1\").width(300).gravity(\"face\").crop(\"fill\").chain()\n .overlay(new TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\")).gravity(\"south_east\").color(\"blue\").border(\"2px_solid_pink\").chain()\n .delay(\"500\")).type(\"multi\").imageTag(\"fluent-gif-1.gif\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"fluent-gif-1.gif\", :type=>\"multi\", :transformation=>[ {:aspect_ratio=>\"1:1\", :width=>300, :gravity=>\"face\", :crop=>\"fill\"}, {:overlay=>{:font_family=>\"rubik\", :font_size=>25, :font_weight=>\"bold\", :stroke=>\"stroke\", :text=>\"Cloudinary%20Rocks%21\"}, :gravity=>\"south_east\", :color=>\"blue\", :border=>\"2px_solid_pink\"}, {:delay=>\"500\"} ])","codeSnippet":"cl_image_tag(\"fluent-gif-1.gif\", :type=>\"multi\", :transformation=>[\n {:aspect_ratio=>\"1:1\", :width=>300, :gravity=>\"face\", :crop=>\"fill\"},\n {:overlay=>{:font_family=>\"rubik\", :font_size=>25, :font_weight=>\"bold\", :stroke=>\"stroke\", :text=>\"Cloudinary%20Rocks%21\"}, :gravity=>\"south_east\", :color=>\"blue\", :border=>\"2px_solid_pink\"},\n {:delay=>\"500\"}\n ])","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().AspectRatio(\"1:1\").Width(300).Gravity(\"face\").Crop(\"fill\").Chain() .Overlay(new TextLayer().FontFamily(\"rubik\").FontSize(25).FontWeight(\"bold\").Stroke(\"stroke\").Text(\"Cloudinary%20Rocks%21\")).Gravity(\"south_east\").Color(\"blue\").Border(\"2px_solid_pink\").Chain() .Delay(\"500\")).Action(\"multi\").BuildImageTag(\"fluent-gif-1.gif\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .AspectRatio(\"1:1\").Width(300).Gravity(\"face\").Crop(\"fill\").Chain()\n .Overlay(new TextLayer().FontFamily(\"rubik\").FontSize(25).FontWeight(\"bold\").Stroke(\"stroke\").Text(\"Cloudinary%20Rocks%21\")).Gravity(\"south_east\").Color(\"blue\").Border(\"2px_solid_pink\").Chain()\n .Delay(\"500\")).Action(\"multi\").BuildImageTag(\"fluent-gif-1.gif\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('fluent-gif-1.gif').transformation(Transformation()\n\t.addTransformation(\"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\")\n\t.setDeliveryType(\"multi\"));","codeSnippet":"cloudinary.image('fluent-gif-1.gif').transformation(Transformation()\n\t.addTransformation(\"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\")\n\t.setDeliveryType(\"multi\"));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"multi\").setTransformation(CLDTransformation().setAspectRatio(\"1:1\").setWidth(300).setGravity(\"face\").setCrop(\"fill\").chain() .setOverlay(\"text:rubik_25_bold_stroke:Cloudinary%20Rocks%21\").setGravity(\"south_east\").setColor(\"blue\").setBorder(\"2px_solid_pink\").chain() .setDelay(\"500\")).generate(\"fluent-gif-1.gif\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"multi\").setTransformation(CLDTransformation()\n .setAspectRatio(\"1:1\").setWidth(300).setGravity(\"face\").setCrop(\"fill\").chain()\n .setOverlay(\"text:rubik_25_bold_stroke:Cloudinary%20Rocks%21\").setGravity(\"south_east\").setColor(\"blue\").setBorder(\"2px_solid_pink\").chain()\n .setDelay(\"500\")).generate(\"fluent-gif-1.gif\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().aspectRatio(\"1:1\").width(300).gravity(\"face\").crop(\"fill\").chain() .overlay(new TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\")).gravity(\"south_east\").color(\"blue\").border(\"2px_solid_pink\").chain() .delay(\"500\")).type(\"multi\").generate(\"fluent-gif-1.gif\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .aspectRatio(\"1:1\").width(300).gravity(\"face\").crop(\"fill\").chain()\n .overlay(new TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\")).gravity(\"south_east\").color(\"blue\").border(\"2px_solid_pink\").chain()\n .delay(\"500\")).type(\"multi\").generate(\"fluent-gif-1.gif\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('fluent-gif-1.gif').transformation(Transformation()\n\t.addTransformation(\"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\")\n\t.setDeliveryType(\"multi\"));","codeSnippet":"cloudinary.image('fluent-gif-1.gif').transformation(Transformation()\n\t.addTransformation(\"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\")\n\t.setDeliveryType(\"multi\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"fluent-gif-1.gif\")\n\t resize(Resize.fill() { width(300)\n\t aspectRatio(\n\tAspectRatio.ar1X1())\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Cloudinary Rocks!\",TextStyle(\"rubik\",25) {\n\t fontWeight(\n\tFontWeight.bold())\n\t stroke(\n\tStroke.solid(2,Color.PINK))\n\t }) {\n\t textColor(Color.BLUE)\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.southEast()))\n\t })\n\t })\n\t animated(Animated.edit() { delay(500) })\n\t deliveryType(\"multi\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"fluent-gif-1.gif\")\n\t resize(Resize.fill() { width(300)\n\t aspectRatio(\n\tAspectRatio.ar1X1())\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Cloudinary Rocks!\",TextStyle(\"rubik\",25) {\n\t fontWeight(\n\tFontWeight.bold())\n\t stroke(\n\tStroke.solid(2,Color.PINK))\n\t }) {\n\t textColor(Color.BLUE)\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.southEast()))\n\t })\n\t })\n\t animated(Animated.edit() { delay(500) })\n\t deliveryType(\"multi\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"fluent-gif-1.gif\", {type: \"multi\", transformation: [ {aspect_ratio: \"1:1\", width: 300, gravity: \"face\", crop: \"fill\"}, {overlay: new cloudinary.TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\"), gravity: \"south_east\", color: \"blue\", border: \"2px_solid_pink\"}, {delay: \"500\"} ]})","codeSnippet":"$.cloudinary.image(\"fluent-gif-1.gif\", {type: \"multi\", transformation: [\n {aspect_ratio: \"1:1\", width: 300, gravity: \"face\", crop: \"fill\"},\n {overlay: new cloudinary.TextLayer().fontFamily(\"rubik\").fontSize(25).fontWeight(\"bold\").stroke(\"stroke\").text(\"Cloudinary%20Rocks%21\"), gravity: \"south_east\", color: \"blue\", border: \"2px_solid_pink\"},\n {delay: \"500\"}\n ]})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","codeSnippet":"new CloudinaryImage(\"fluent-gif-1.gif\")\n .addTransformation(\n \"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\"\n )\n .setDeliveryType(\"multi\");","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/multi\/ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary%20Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500\/fluent-gif-1.gif","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"multi","resource_type":"image","transformation":[{"aspect_ratio":"1:1","width":"300","crop_mode":"fill","gravity":"face"},{"overlay":"text:rubik_25_bold_stroke:Cloudinary Rocks!","gravity":"south_east","color":"blue","border":"2px_solid_pink"},{"delay":"500"}],"transformation_string":"ar_1:1,w_300,c_fill,g_face\/l_text:rubik_25_bold_stroke:Cloudinary Rocks!,g_south_east,co_blue,bo_2px_solid_pink\/dl_500","url_suffix":"","version":"","secure":true,"public_id":"fluent-gif-1.gif","extension":"gif","format":"gif","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

有别的东西或趣味思想下加评语中段时间 查查访问小屋者 提交的一些趣味变换