向云形百万开发者欢呼

对于那些新云化图像或视频变换时,云化自动生成变换URL

示例:云式URL上传图像 <\/Image>","codeSnippet":" \n\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(\"lady.jpg\");","codeSnippet":"new CloudinaryImage(\"lady.jpg\");","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\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(\"lady.jpg\");","codeSnippet":"new CloudinaryImage(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-image>","codeSnippet":" \n\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(\"lady.jpg\");","codeSnippet":"new CloudinaryImage(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg').toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg').toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image()","codeSnippet":"CloudinaryImage(\"lady.jpg\").image()","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'));","codeSnippet":"(new ImageTag('lady.jpg'));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"lady.jpg\")","codeSnippet":"cl_image_tag(\"lady.jpg\")","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().imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\")","codeSnippet":"cl_image_tag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation());","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation());","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"lady.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().generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation());","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation());","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\") \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(\"lady.jpg\")","codeSnippet":"$.cloudinary.image(\"lady.jpg\")","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(\"lady.jpg\");","codeSnippet":"new CloudinaryImage(\"lady.jpg\");","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\/lady.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[],"transformation_string":"","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

云式URL使用同一张图并分两组变换 <\/Image>","codeSnippet":" \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(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","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<\/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(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \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(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", crop: \"crop\"}).toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg', {gravity: \"face\", crop: \"crop\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", crop=\"crop\")","codeSnippet":"CloudinaryImage(\"lady.jpg\").image(gravity=\"face\", crop=\"crop\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::crop()\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t);","codeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::crop()\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\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(\"lady.jpg\", array(\"gravity\"=>\"face\", \"crop\"=>\"crop\"))","codeSnippet":"cl_image_tag(\"lady.jpg\", array(\"gravity\"=>\"face\", \"crop\"=>\"crop\"))","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().gravity(\"face\").crop(\"crop\")).imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"face\").crop(\"crop\")).imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :crop=>\"crop\")","codeSnippet":"cl_image_tag(\"lady.jpg\", :gravity=>\"face\", :crop=>\"crop\")","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().Gravity(\"face\").Crop(\"crop\")).BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"face\").Crop(\"crop\")).BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\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().setGravity(\"face\").setCrop(\"crop\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"face\").setCrop(\"crop\")).generate(\"lady.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().gravity(\"face\").crop(\"crop\")).generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"face\").crop(\"crop\")).generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\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(\"lady.jpg\")\n\t resize(Resize.crop() {\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.crop() {\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\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(\"lady.jpg\", {gravity: \"face\", crop: \"crop\"})","codeSnippet":"$.cloudinary.image(\"lady.jpg\", {gravity: \"face\", crop: \"crop\"})","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(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","codeSnippet":"new CloudinaryImage(\"lady.jpg\").resize(crop().gravity(focusOn(face())));","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\/c_crop,g_face\/lady.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"face"}],"transformation_string":"c_crop,g_face","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

云式URL使用同图像7变换 <\/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(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","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(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","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(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('lady.jpg', {transformation: [ {gravity: \"face\", height: 400, width: 400, crop: \"crop\"}, {radius: \"max\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('lady.jpg', {transformation: [\n {gravity: \"face\", height: 400, width: 400, crop: \"crop\"},\n {radius: \"max\"},\n {width: 200, crop: \"scale\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"lady.jpg\").image(transformation=[ {'gravity': \"face\", 'height': 400, 'width': 400, 'crop': \"crop\"}, {'radius': \"max\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"lady.jpg\").image(transformation=[\n {'gravity': \"face\", 'height': 400, 'width': 400, 'crop': \"crop\"},\n {'radius': \"max\"},\n {'width': 200, 'crop': \"scale\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::crop()->width(400)\n->height(400)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->roundCorners(RoundCorners::max())\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('lady.jpg'))\n\t->resize(Resize::crop()->width(400)\n->height(400)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::face()))\n\t)\n\t->roundCorners(RoundCorners::max())\n\t->resize(Resize::scale()->width(200));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"face\", \"height\"=>400, \"width\"=>400, \"crop\"=>\"crop\"), array(\"radius\"=>\"max\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"lady.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"face\", \"height\"=>400, \"width\"=>400, \"crop\"=>\"crop\"),\n array(\"radius\"=>\"max\"),\n array(\"width\"=>200, \"crop\"=>\"scale\")\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().gravity(\"face\").height(400).width(400).crop(\"crop\").chain() .radius(\"max\").chain() .width(200).crop(\"scale\")).imageTag(\"lady.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"face\").height(400).width(400).crop(\"crop\").chain()\n .radius(\"max\").chain()\n .width(200).crop(\"scale\")).imageTag(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"lady.jpg\", :transformation=>[ {:gravity=>\"face\", :height=>400, :width=>400, :crop=>\"crop\"}, {:radius=>\"max\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"lady.jpg\", :transformation=>[\n {:gravity=>\"face\", :height=>400, :width=>400, :crop=>\"crop\"},\n {:radius=>\"max\"},\n {:width=>200, :crop=>\"scale\"}\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().Gravity(\"face\").Height(400).Width(400).Crop(\"crop\").Chain() .Radius(\"max\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"lady.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"face\").Height(400).Width(400).Crop(\"crop\").Chain()\n .Radius(\"max\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"lady.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop().width(400)\n.height(400)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.roundCorners(RoundCorners.max())\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.resize(Resize.crop().width(400)\n.height(400)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t)\n\t.roundCorners(RoundCorners.max())\n\t.resize(Resize.scale().width(200)));","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().setGravity(\"face\").setHeight(400).setWidth(400).setCrop(\"crop\").chain() .setRadius(\"max\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"lady.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"face\").setHeight(400).setWidth(400).setCrop(\"crop\").chain()\n .setRadius(\"max\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"lady.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().gravity(\"face\").height(400).width(400).crop(\"crop\").chain() .radius(\"max\").chain() .width(200).crop(\"scale\")).generate(\"lady.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"face\").height(400).width(400).crop(\"crop\").chain()\n .radius(\"max\").chain()\n .width(200).crop(\"scale\")).generate(\"lady.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.addTransformation(\"c_crop,g_face,h_400,w_400\/r_max\/c_scale,w_200\"));","codeSnippet":"cloudinary.image('lady.jpg').transformation(Transformation()\n\t.addTransformation(\"c_crop,g_face,h_400,w_400\/r_max\/c_scale,w_200\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.crop() { width(400)\n height(400)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t roundCorners(RoundCorners.max())\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"lady.jpg\")\n\t resize(Resize.crop() { width(400)\n height(400)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.face()))\n\t })\n\t roundCorners(RoundCorners.max())\n\t resize(Resize.scale() { width(200) }) \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(\"lady.jpg\", {transformation: [ {gravity: \"face\", height: 400, width: 400, crop: \"crop\"}, {radius: \"max\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"lady.jpg\", {transformation: [\n {gravity: \"face\", height: 400, width: 400, crop: \"crop\"},\n {radius: \"max\"},\n {width: 200, crop: \"scale\"}\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(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"lady.jpg\")\n .resize(\n crop()\n .width(400)\n .height(400)\n .gravity(focusOn(face()))\n )\n .roundCorners(max())\n .resize(scale().width(200));","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\/c_crop,g_face,h_400,w_400\/r_max\/c_scale,w_200\/lady.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"face","height":"400","width":"400"},{"radius":"max"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_face,h_400,w_400\/r_max\/c_scale,w_200","url_suffix":"","version":"","secure":true,"public_id":"lady.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

云形图像可转换成任何格式、样式和维度,并应用特效和其他视觉增强