并期望深入面向对象编程语言,面向对象 .希望当发现文章中对象不是即时类类型,而是图像中发现的真实对象时你不会反对if you're knews类ava、PHP、Jawarscript或其它常用框架 ,因为你将能够应用这些自动图像裁剪技术无论如何,让我们切入追逐-或应裁剪对象 .?
自动AI驱动对象裁剪功能非常强能省下时间、钱和很多麻烦,举例说,典型电子商务网站目录中可能有10,000项产品,每件产品四张图片除非AI使用,否则这是一个代价高昂的建议,以确保4万张不同大小和方位比图像最能描述你所售对象
云化对象件裁剪附加 高级AI检测对象算法仿佛云里之多图像变换 特征,所有你需要做的是向图像交付URL添加几个参数在此例中,您会具体说明您想保留在图像中的内容, 并加上云性多种裁剪选项之一, 以适应您的设计和可用性约束附加600对象支持后,您可以少花时间聚焦图像裁剪和更多时间看大局
假设你的网站允许用户上传汽车照片你对照片内容一无所知, 只是期望内含汽车自动定位汽车前向和中向为用户节省时间,即使你将用与原上传图像不同的侧比和大小显示照片最简单的方法就是通知云行使用只保留汽车裁剪
参数并设置重力车
高山市C_crop,g_car
内URLs)甚至不需要具体说明维度
<\/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(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\n);","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\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<\/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(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\n);","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\n);","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(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\n);","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('docs\/automotive-1846910_1920.jpg', {gravity: \"car\", crop: \"crop\"}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/automotive-1846910_1920.jpg', {gravity: \"car\", 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(\"docs\/automotive-1846910_1920.jpg\").image(gravity=\"car\", crop=\"crop\")","codeSnippet":"CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\").image(gravity=\"car\", 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('docs\/automotive-1846910_1920.jpg'))\n\t->resize(Resize::crop()\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car()))\n\t);","codeSnippet":"(new ImageTag('docs\/automotive-1846910_1920.jpg'))\n\t->resize(Resize::crop()\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car()))\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(\"docs\/automotive-1846910_1920.jpg\", array(\"gravity\"=>\"car\", \"crop\"=>\"crop\"))","codeSnippet":"cl_image_tag(\"docs\/automotive-1846910_1920.jpg\", array(\"gravity\"=>\"car\", \"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(\"car\").crop(\"crop\")).imageTag(\"docs\/automotive-1846910_1920.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"car\").crop(\"crop\")).imageTag(\"docs\/automotive-1846910_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/automotive-1846910_1920.jpg\", :gravity=>\"car\", :crop=>\"crop\")","codeSnippet":"cl_image_tag(\"docs\/automotive-1846910_1920.jpg\", :gravity=>\"car\", :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(\"car\").Crop(\"crop\")).BuildImageTag(\"docs\/automotive-1846910_1920.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"car\").Crop(\"crop\")).BuildImageTag(\"docs\/automotive-1846910_1920.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t));","codeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\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(\"car\").setCrop(\"crop\")).generate(\"docs\/automotive-1846910_1920.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"car\").setCrop(\"crop\")).generate(\"docs\/automotive-1846910_1920.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(\"car\").crop(\"crop\")).generate(\"docs\/automotive-1846910_1920.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"car\").crop(\"crop\")).generate(\"docs\/automotive-1846910_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t));","codeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop()\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\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(\"docs\/automotive-1846910_1920.jpg\")\n\t resize(Resize.crop() {\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/automotive-1846910_1920.jpg\")\n\t resize(Resize.crop() {\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\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(\"docs\/automotive-1846910_1920.jpg\", {gravity: \"car\", crop: \"crop\"})","codeSnippet":"$.cloudinary.image(\"docs\/automotive-1846910_1920.jpg\", {gravity: \"car\", 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(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\n);","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\").resize(\n crop().gravity(focusOn(car()))\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\/c_crop,g_car\/docs\/automotive-1846910_1920.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"car"}],"transformation_string":"c_crop,g_car","url_suffix":"","version":null,"secure":true,"public_id":"docs\/automotive-1846910_1920.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
原创性
C_crop,g_car
注意作物非常精准, 给车点空间呼吸, 你可能想略微缩放:z_0.9
.并可能想限制图像的维度, 所以只保留汽车后,你就可以缩放图像, 说宽度为200像素:C_标度w_200
.全部 URL :
<\/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(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\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<\/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(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\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-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(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\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('docs\/automotive-1846910_1920.jpg', {transformation: [ {gravity: \"car\", zoom: \"0.9\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/automotive-1846910_1920.jpg', {transformation: [\n {gravity: \"car\", zoom: \"0.9\", crop: \"crop\"},\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(\"docs\/automotive-1846910_1920.jpg\").image(transformation=[ {'gravity': \"car\", 'zoom': \"0.9\", 'crop': \"crop\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\").image(transformation=[\n {'gravity': \"car\", 'zoom': \"0.9\", 'crop': \"crop\"},\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('docs\/automotive-1846910_1920.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car()))\n\t)\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('docs\/automotive-1846910_1920.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car()))\n\t)\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(\"docs\/automotive-1846910_1920.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"car\", \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"docs\/automotive-1846910_1920.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"car\", \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"),\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(\"car\").zoom(0.9).crop(\"crop\").chain() .width(200).crop(\"scale\")).imageTag(\"docs\/automotive-1846910_1920.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"car\").zoom(0.9).crop(\"crop\").chain()\n .width(200).crop(\"scale\")).imageTag(\"docs\/automotive-1846910_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/automotive-1846910_1920.jpg\", :transformation=>[ {:gravity=>\"car\", :zoom=>0.9, :crop=>\"crop\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"docs\/automotive-1846910_1920.jpg\", :transformation=>[\n {:gravity=>\"car\", :zoom=>0.9, :crop=>\"crop\"},\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(\"car\").Zoom(0.9).Crop(\"crop\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/automotive-1846910_1920.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"car\").Zoom(0.9).Crop(\"crop\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/automotive-1846910_1920.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t)\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(\"car\").setZoom(0.9).setCrop(\"crop\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"docs\/automotive-1846910_1920.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"car\").setZoom(0.9).setCrop(\"crop\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"docs\/automotive-1846910_1920.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(\"car\").zoom(0.9).crop(\"crop\").chain() .width(200).crop(\"scale\")).generate(\"docs\/automotive-1846910_1920.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"car\").zoom(0.9).crop(\"crop\").chain()\n .width(200).crop(\"scale\")).generate(\"docs\/automotive-1846910_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/automotive-1846910_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t)\n\t.resize(Resize.scale().width(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(\"docs\/automotive-1846910_1920.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t })\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/automotive-1846910_1920.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car()))\n\t })\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(\"docs\/automotive-1846910_1920.jpg\", {transformation: [ {gravity: \"car\", zoom: \"0.9\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/automotive-1846910_1920.jpg\", {transformation: [\n {gravity: \"car\", zoom: \"0.9\", crop: \"crop\"},\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(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/automotive-1846910_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(car()))\n )\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_car,z_0.9\/c_scale,w_200\/docs\/automotive-1846910_1920.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"car","zoom":"0.9"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_car,z_0.9\/c_scale,w_200","url_suffix":"","version":null,"secure":true,"public_id":"docs\/automotive-1846910_1920.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
可复用变换可应用到汽车图片上(如果图片里没有车,图像不会裁剪,只改尺寸):
原创版(刻度适配本表)
只保留汽车(略微缩放) c_crop,g_car,z_0.9/ C_标度w_200
网页设计要求页面或布局中所有图像完全相同大小时, 您会想同时设置侧比( 加上宽度我们已经加到 ) 。需要判断你是否乐于显示更多原创图像,或你是否仍然只想看到所选对象
if you don't mind 多图片原创后设置宽比ar系统
)中C_crop
组件c_crop,g_car,z_0.9,ar_1.5/c_scale,w_200
)取而代之C_标度
可使用布料裁剪C_Pad
并设置该构件的宽比c_crop,g_car,z_0.9/c_pad,w_200,ar_1.5
)上加贴图以达标尺寸都行选择颜色 后台嵌套或由云形判定自动 高山市b_aut
)
多显示裁剪图片 c_crop,g_car,z_0.9,ar_1.5/ C_标度w_200
只保留汽车(略微缩放) 并自动加色拼接 c_crop,g_car,z_0.9/ c_pad,w_200,ar_1.5,b_auto
想象一下它不只是你感兴趣的汽车, 面包车和摩托车也是3个对象都添加到 URL中,但需要定义优先级if'd宁可看到面包车而不是汽车, 汽车而不是摩托车, 并具体说明此顺序:g_van:car:motorbike
.应用此图像上汽车和货车产生此结果
<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\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<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\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-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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [ {gravity: \"van:car:motorbike\", zoom: \"0.9\", aspectRatio: \"1.5\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [\n {gravity: \"van:car:motorbike\", zoom: \"0.9\", aspectRatio: \"1.5\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[ {'gravity': \"van:car:motorbike\", 'zoom': \"0.9\", 'aspect_ratio': \"1.5\", 'crop': \"crop\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[\n {'gravity': \"van:car:motorbike\", 'zoom': \"0.9\", 'aspect_ratio': \"1.5\", 'crop': \"crop\"},\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->aspectRatio(1.5)\n->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\"van\",\n\tFocusOn::car(),\n\tFocusOn::motorbike()))\n\t)\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->aspectRatio(1.5)\n->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\"van\",\n\tFocusOn::car(),\n\tFocusOn::motorbike()))\n\t)\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"van:car:motorbike\", \"zoom\"=>\"0.9\", \"aspect_ratio\"=>\"1.5\", \"crop\"=>\"crop\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"van:car:motorbike\", \"zoom\"=>\"0.9\", \"aspect_ratio\"=>\"1.5\", \"crop\"=>\"crop\"),\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(\"van:car:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain() .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"van:car:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain()\n .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[ {:gravity=>\"van:car:motorbike\", :zoom=>0.9, :aspect_ratio=>\"1.5\", :crop=>\"crop\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[\n {:gravity=>\"van:car:motorbike\", :zoom=>0.9, :aspect_ratio=>\"1.5\", :crop=>\"crop\"},\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(\"van:car:motorbike\").Zoom(0.9).AspectRatio(\"1.5\").Crop(\"crop\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"van:car:motorbike\").Zoom(0.9).AspectRatio(\"1.5\").Crop(\"crop\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"van\",\n\tFocusOn.car(),\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"van\",\n\tFocusOn.car(),\n\tFocusOn.motorbike()))\n\t)\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(\"van:car:motorbike\").setZoom(0.9).setAspectRatio(\"1.5\").setCrop(\"crop\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"van:car:motorbike\").setZoom(0.9).setAspectRatio(\"1.5\").setCrop(\"crop\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.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(\"van:car:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain() .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"van:car:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain()\n .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"van\",\n\tFocusOn.car(),\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"van\",\n\tFocusOn.car(),\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { aspectRatio(1.5F)\n zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\"van\",\n\tFocusOn.car(),\n\tFocusOn.motorbike()))\n\t })\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { aspectRatio(1.5F)\n zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\"van\",\n\tFocusOn.car(),\n\tFocusOn.motorbike()))\n\t })\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [ {gravity: \"van:car:motorbike\", zoom: \"0.9\", aspect_ratio: \"1.5\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [\n {gravity: \"van:car:motorbike\", zoom: \"0.9\", aspect_ratio: \"1.5\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(\"van\", car(), motorbike()))\n )\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_van:car:motorbike,z_0.9,ar_1.5\/c_scale,w_200\/docs\/addons\/objectdetection\/vw-3638825_1920.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"van:car:motorbike","zoom":"0.9","aspect_ratio":"1.5"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_van:car:motorbike,z_0.9,ar_1.5\/c_scale,w_200","url_suffix":"","version":null,"secure":true,"public_id":"docs\/addons\/objectdetection\/vw-3638825_1920.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
更改顺序优先使用汽车 产生我们以前的结果
<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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-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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [ {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspectRatio: \"1.5\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [\n {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspectRatio: \"1.5\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[ {'gravity': \"car:van:motorbike\", 'zoom': \"0.9\", 'aspect_ratio': \"1.5\", 'crop': \"crop\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[\n {'gravity': \"car:van:motorbike\", 'zoom': \"0.9\", 'aspect_ratio': \"1.5\", 'crop': \"crop\"},\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->aspectRatio(1.5)\n->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car(),\"van\",\n\tFocusOn::motorbike()))\n\t)\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->aspectRatio(1.5)\n->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car(),\"van\",\n\tFocusOn::motorbike()))\n\t)\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"car:van:motorbike\", \"zoom\"=>\"0.9\", \"aspect_ratio\"=>\"1.5\", \"crop\"=>\"crop\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"car:van:motorbike\", \"zoom\"=>\"0.9\", \"aspect_ratio\"=>\"1.5\", \"crop\"=>\"crop\"),\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(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain() .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain()\n .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[ {:gravity=>\"car:van:motorbike\", :zoom=>0.9, :aspect_ratio=>\"1.5\", :crop=>\"crop\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[\n {:gravity=>\"car:van:motorbike\", :zoom=>0.9, :aspect_ratio=>\"1.5\", :crop=>\"crop\"},\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(\"car:van:motorbike\").Zoom(0.9).AspectRatio(\"1.5\").Crop(\"crop\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"car:van:motorbike\").Zoom(0.9).AspectRatio(\"1.5\").Crop(\"crop\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\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(\"car:van:motorbike\").setZoom(0.9).setAspectRatio(\"1.5\").setCrop(\"crop\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"car:van:motorbike\").setZoom(0.9).setAspectRatio(\"1.5\").setCrop(\"crop\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.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(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain() .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain()\n .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { aspectRatio(1.5F)\n zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t })\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { aspectRatio(1.5F)\n zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t })\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [ {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspect_ratio: \"1.5\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [\n {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspect_ratio: \"1.5\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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_car:van:motorbike,z_0.9,ar_1.5\/c_scale,w_200\/docs\/addons\/objectdetection\/vw-3638825_1920.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"car:van:motorbike","zoom":"0.9","aspect_ratio":"1.5"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_car:van:motorbike,z_0.9,ar_1.5\/c_scale,w_200","url_suffix":"","version":null,"secure":true,"public_id":"docs\/addons\/objectdetection\/vw-3638825_1920.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
万一画上没有汽车或货车, 却有电机, 电机即为作物聚焦点:
<\/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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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<\/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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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-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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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('docs\/addons\/objectdetection\/farm-1264761_1280.jpg', {transformation: [ {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspectRatio: \"1.5\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/farm-1264761_1280.jpg', {transformation: [\n {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspectRatio: \"1.5\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\").image(transformation=[ {'gravity': \"car:van:motorbike\", 'zoom': \"0.9\", 'aspect_ratio': \"1.5\", 'crop': \"crop\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\").image(transformation=[\n {'gravity': \"car:van:motorbike\", 'zoom': \"0.9\", 'aspect_ratio': \"1.5\", 'crop': \"crop\"},\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('docs\/addons\/objectdetection\/farm-1264761_1280.jpg'))\n\t->resize(Resize::crop()->aspectRatio(1.5)\n->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car(),\"van\",\n\tFocusOn::motorbike()))\n\t)\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/farm-1264761_1280.jpg'))\n\t->resize(Resize::crop()->aspectRatio(1.5)\n->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::car(),\"van\",\n\tFocusOn::motorbike()))\n\t)\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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"car:van:motorbike\", \"zoom\"=>\"0.9\", \"aspect_ratio\"=>\"1.5\", \"crop\"=>\"crop\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"car:van:motorbike\", \"zoom\"=>\"0.9\", \"aspect_ratio\"=>\"1.5\", \"crop\"=>\"crop\"),\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(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain() .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain()\n .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\", :transformation=>[ {:gravity=>\"car:van:motorbike\", :zoom=>0.9, :aspect_ratio=>\"1.5\", :crop=>\"crop\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\", :transformation=>[\n {:gravity=>\"car:van:motorbike\", :zoom=>0.9, :aspect_ratio=>\"1.5\", :crop=>\"crop\"},\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(\"car:van:motorbike\").Zoom(0.9).AspectRatio(\"1.5\").Crop(\"crop\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"car:van:motorbike\").Zoom(0.9).AspectRatio(\"1.5\").Crop(\"crop\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/farm-1264761_1280.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/farm-1264761_1280.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\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(\"car:van:motorbike\").setZoom(0.9).setAspectRatio(\"1.5\").setCrop(\"crop\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"car:van:motorbike\").setZoom(0.9).setAspectRatio(\"1.5\").setCrop(\"crop\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/farm-1264761_1280.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(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain() .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"car:van:motorbike\").zoom(0.9).aspectRatio(\"1.5\").crop(\"crop\").chain()\n .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/farm-1264761_1280.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/farm-1264761_1280.jpg').transformation(Transformation()\n\t.resize(Resize.crop().aspectRatio(1.5)\n.zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t)\n\t.resize(Resize.scale().width(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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n\t resize(Resize.crop() { aspectRatio(1.5F)\n zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t })\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n\t resize(Resize.crop() { aspectRatio(1.5F)\n zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.car(),\"van\",\n\tFocusOn.motorbike()))\n\t })\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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\", {transformation: [ {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspect_ratio: \"1.5\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\", {transformation: [\n {gravity: \"car:van:motorbike\", zoom: \"0.9\", aspect_ratio: \"1.5\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/farm-1264761_1280.jpg\")\n .resize(\n crop()\n .aspectRatio(1.5)\n .zoom(0.9)\n .gravity(focusOn(car(), \"van\", motorbike()))\n )\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_car:van:motorbike,z_0.9,ar_1.5\/c_scale,w_200\/docs\/addons\/objectdetection\/farm-1264761_1280.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"car:van:motorbike","zoom":"0.9","aspect_ratio":"1.5"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_car:van:motorbike,z_0.9,ar_1.5\/c_scale,w_200","url_suffix":"","version":null,"secure":true,"public_id":"docs\/addons\/objectdetection\/farm-1264761_1280.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
原创性
c_crop,g_car:van:motorbike
if you don't care哪种车辆保留在作物中 具体说明类别车厢
,而不是特定对象会保留最突出载体在这种情况下,是货车取胜
<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\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<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\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-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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [ {gravity: \"vehicle\", zoom: \"0.9\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [\n {gravity: \"vehicle\", zoom: \"0.9\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[ {'gravity': \"vehicle\", 'zoom': \"0.9\", 'crop': \"crop\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[\n {'gravity': \"vehicle\", 'zoom': \"0.9\", 'crop': \"crop\"},\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::vehicle()))\n\t)\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\n\tFocusOn::vehicle()))\n\t)\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"vehicle\", \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"vehicle\", \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"),\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(\"vehicle\").zoom(0.9).crop(\"crop\").chain() .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"vehicle\").zoom(0.9).crop(\"crop\").chain()\n .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[ {:gravity=>\"vehicle\", :zoom=>0.9, :crop=>\"crop\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[\n {:gravity=>\"vehicle\", :zoom=>0.9, :crop=>\"crop\"},\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(\"vehicle\").Zoom(0.9).Crop(\"crop\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"vehicle\").Zoom(0.9).Crop(\"crop\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.vehicle()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.vehicle()))\n\t)\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(\"vehicle\").setZoom(0.9).setCrop(\"crop\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"vehicle\").setZoom(0.9).setCrop(\"crop\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.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(\"vehicle\").zoom(0.9).crop(\"crop\").chain() .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"vehicle\").zoom(0.9).crop(\"crop\").chain()\n .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.vehicle()))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\n\tFocusOn.vehicle()))\n\t)\n\t.resize(Resize.scale().width(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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.vehicle()))\n\t })\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\n\tFocusOn.vehicle()))\n\t })\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [ {gravity: \"vehicle\", zoom: \"0.9\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [\n {gravity: \"vehicle\", zoom: \"0.9\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(vehicle()))\n )\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_vehicle,z_0.9\/c_scale,w_200\/docs\/addons\/objectdetection\/vw-3638825_1920.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"vehicle","zoom":"0.9"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_vehicle,z_0.9\/c_scale,w_200","url_suffix":"","version":null,"secure":true,"public_id":"docs\/addons\/objectdetection\/vw-3638825_1920.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
如果要将所有车辆保留在作物中,那么它就简单到添加's'(这对特定对象也有效):
<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\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<\/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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\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-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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [ {gravity: \"vehicles\", zoom: \"0.9\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg', {transformation: [\n {gravity: \"vehicles\", zoom: \"0.9\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[ {'gravity': \"vehicles\", 'zoom': \"0.9\", 'crop': \"crop\"}, {'width': 200, 'crop': \"scale\"} ])","codeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\").image(transformation=[\n {'gravity': \"vehicles\", 'zoom': \"0.9\", 'crop': \"crop\"},\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('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\"vehicles\"))\n\t)\n\t->resize(Resize::scale()->width(200));","codeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/vw-3638825_1920.jpg'))\n\t->resize(Resize::crop()->zoom(0.9)\n\t->gravity(\n\tGravity::focusOn(\"vehicles\"))\n\t)\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array( array(\"gravity\"=>\"vehicles\", \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"), array(\"width\"=>200, \"crop\"=>\"scale\") )))","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", array(\"transformation\"=>array(\n array(\"gravity\"=>\"vehicles\", \"zoom\"=>\"0.9\", \"crop\"=>\"crop\"),\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(\"vehicles\").zoom(0.9).crop(\"crop\").chain() .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .gravity(\"vehicles\").zoom(0.9).crop(\"crop\").chain()\n .width(200).crop(\"scale\")).imageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[ {:gravity=>\"vehicles\", :zoom=>0.9, :crop=>\"crop\"}, {:width=>200, :crop=>\"scale\"} ])","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", :transformation=>[\n {:gravity=>\"vehicles\", :zoom=>0.9, :crop=>\"crop\"},\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(\"vehicles\").Zoom(0.9).Crop(\"crop\").Chain() .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Gravity(\"vehicles\").Zoom(0.9).Crop(\"crop\").Chain()\n .Width(200).Crop(\"scale\")).BuildImageTag(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"vehicles\"))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"vehicles\"))\n\t)\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(\"vehicles\").setZoom(0.9).setCrop(\"crop\").chain() .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setGravity(\"vehicles\").setZoom(0.9).setCrop(\"crop\").chain()\n .setWidth(200).setCrop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.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(\"vehicles\").zoom(0.9).crop(\"crop\").chain() .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .gravity(\"vehicles\").zoom(0.9).crop(\"crop\").chain()\n .width(200).crop(\"scale\")).generate(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"vehicles\"))\n\t)\n\t.resize(Resize.scale().width(200)));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/vw-3638825_1920.jpg').transformation(Transformation()\n\t.resize(Resize.crop().zoom(0.9)\n\t.gravity(\n\tGravity.focusOn(\"vehicles\"))\n\t)\n\t.resize(Resize.scale().width(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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\"vehicles\"))\n\t })\n\t resize(Resize.scale() { width(200) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n\t resize(Resize.crop() { zoom(0.9F)\n\t gravity(\n\tGravity.focusOn(\"vehicles\"))\n\t })\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [ {gravity: \"vehicles\", zoom: \"0.9\", crop: \"crop\"}, {width: 200, crop: \"scale\"} ]})","codeSnippet":"$.cloudinary.image(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\", {transformation: [\n {gravity: \"vehicles\", zoom: \"0.9\", crop: \"crop\"},\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(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\n .resize(scale().width(200));","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/vw-3638825_1920.jpg\")\n .resize(\n crop()\n .zoom(0.9)\n .gravity(focusOn(\"vehicles\"))\n )\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_vehicles,z_0.9\/c_scale,w_200\/docs\/addons\/objectdetection\/vw-3638825_1920.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"crop_mode":"crop","gravity":"vehicles","zoom":"0.9"},{"crop_mode":"scale","width":"200"}],"transformation_string":"c_crop,g_vehicles,z_0.9\/c_scale,w_200","url_suffix":"","version":null,"secure":true,"public_id":"docs\/addons\/objectdetection\/vw-3638825_1920.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
当前链表支持类别和对象 出自两个模型上下文常用对象 和Google开放图像数据集 OID系统从家电到食品 电子到家具 人到动物 运动球到手提包列表正在逐行扩展-对象模型使你能够具体说明时装项目和身体部件很快会到来相近未来,你可指定定制对象模型 专门满足你的需求
我们看到如何将不同图像放入同一个空间, 所以现在我们将研究如何将同图像放入不同空间, 并同时保留期望对象为注意力焦点
电子商务网站通常需要一小片图像作物制作同一种产品图像(thumbnails、产品列表、细节视图和缩放)。需要更多变换社会通道因子和不同作物数需要快速倍增
确保在每一种情况下,你的产品,无论是手提包、鞋或花瓶,都保持全视是一项大型事业,它需要创新团队管理不同的作物,非常费力,并常常人工操作。
帮助解决这个痛点 云形对象器裁剪 上加自动确保对象-产品-前后居中
let's查看产品图 手包原创图像
网站产品细节需要方块填充
裁剪法填充指定的维度要确保手提包保留在作物中,我们可以选择对象自重力g_auto: handbag
和对象引力ghandbag
)面向对象自动重力计全图并用手包加权,而面向对象重力聚焦手包对准任何其他事物,这样二者可产生不同结果。在此例中,自动重力产生略优的裁剪,因为手更多,右侧显示的外衣较少。比较二
c_fill,g_auto:handbag,h_800,w_800
c_fill,g_handbag,h_800,w_800
缩图作物是另一个选项,并很好地缩放图像以适应指定的维度兴趣板作物例子如下:
<\/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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\n);","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\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<\/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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\n);","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\n);","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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\n);","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/model-993911_1280.jpg', {gravity: \"handbag\", height: 150, width: 222, crop: \"thumb\"}).toHtml();","codeSnippet":"cloudinary.imageTag('docs\/addons\/objectdetection\/model-993911_1280.jpg', {gravity: \"handbag\", height: 150, width: 222, crop: \"thumb\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").image(gravity=\"handbag\", height=150, width=222, crop=\"thumb\")","codeSnippet":"CloudinaryImage(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").image(gravity=\"handbag\", height=150, width=222, crop=\"thumb\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/model-993911_1280.jpg'))\n\t->resize(Resize::thumbnail()->width(222)\n->height(150)\n\t->gravity(\n\tGravity::focusOn(\"handbag\"))\n\t);","codeSnippet":"(new ImageTag('docs\/addons\/objectdetection\/model-993911_1280.jpg'))\n\t->resize(Resize::thumbnail()->width(222)\n->height(150)\n\t->gravity(\n\tGravity::focusOn(\"handbag\"))\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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\", array(\"gravity\"=>\"handbag\", \"height\"=>150, \"width\"=>222, \"crop\"=>\"thumb\"))","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\", array(\"gravity\"=>\"handbag\", \"height\"=>150, \"width\"=>222, \"crop\"=>\"thumb\"))","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(\"handbag\").height(150).width(222).crop(\"thumb\")).imageTag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().gravity(\"handbag\").height(150).width(222).crop(\"thumb\")).imageTag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\", :gravity=>\"handbag\", :height=>150, :width=>222, :crop=>\"thumb\")","codeSnippet":"cl_image_tag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\", :gravity=>\"handbag\", :height=>150, :width=>222, :crop=>\"thumb\")","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(\"handbag\").Height(150).Width(222).Crop(\"thumb\")).BuildImageTag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Gravity(\"handbag\").Height(150).Width(222).Crop(\"thumb\")).BuildImageTag(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/model-993911_1280.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(222)\n.height(150)\n\t.gravity(\n\tGravity.focusOn(\"handbag\"))\n\t));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/model-993911_1280.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(222)\n.height(150)\n\t.gravity(\n\tGravity.focusOn(\"handbag\"))\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(\"handbag\").setHeight(150).setWidth(222).setCrop(\"thumb\")).generate(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setGravity(\"handbag\").setHeight(150).setWidth(222).setCrop(\"thumb\")).generate(\"docs\/addons\/objectdetection\/model-993911_1280.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(\"handbag\").height(150).width(222).crop(\"thumb\")).generate(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().gravity(\"handbag\").height(150).width(222).crop(\"thumb\")).generate(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/model-993911_1280.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(222)\n.height(150)\n\t.gravity(\n\tGravity.focusOn(\"handbag\"))\n\t));","codeSnippet":"cloudinary.image('docs\/addons\/objectdetection\/model-993911_1280.jpg').transformation(Transformation()\n\t.resize(Resize.thumbnail().width(222)\n.height(150)\n\t.gravity(\n\tGravity.focusOn(\"handbag\"))\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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\")\n\t resize(Resize.thumbnail() { width(222)\n height(150)\n\t gravity(\n\tGravity.focusOn(\"handbag\"))\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\")\n\t resize(Resize.thumbnail() { width(222)\n height(150)\n\t gravity(\n\tGravity.focusOn(\"handbag\"))\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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\", {gravity: \"handbag\", height: 150, width: 222, crop: \"thumb\"})","codeSnippet":"$.cloudinary.image(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\", {gravity: \"handbag\", height: 150, width: 222, crop: \"thumb\"})","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(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\n);","codeSnippet":"new CloudinaryImage(\"docs\/addons\/objectdetection\/model-993911_1280.jpg\").resize(\n thumbnail()\n .width(222)\n .height(150)\n .gravity(focusOn(\"handbag\"))\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\/g_handbag,c_thumb,h_150,w_222\/docs\/addons\/objectdetection\/model-993911_1280.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"gravity":"handbag","crop_mode":"thumb","height":"150","width":"222"}],"transformation_string":"g_handbag,c_thumb,h_150,w_222","url_suffix":"","version":null,"secure":true,"public_id":"docs\/addons\/objectdetection\/model-993911_1280.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
显示不同裁剪法和维度如何产生相同相片的不同作物,
同一张图片以多种不同形式显示-听起来像多态化
除前文提到者外,云形提供许多其他类型裁剪裁剪 方法你可能想使用测试下方交互演示切记并非所有裁剪和重力组合有效,例如重力无法与“标度”或任何“fit”或“pad”选项一起使用(除用贴板填充外),而“加贴板”则只用自重选择法工作演示从两尺图像中选择显示某些模式视分辨率提供不同结果
选择起始图像、视图端维度、裁剪模式和重力后按按钮生成新图像
原创图像大小 :640x427
视图港宽度(100至650像素):300
视图港高度(100至650像素):300
裁剪模式 :
填充 限制填充 填充布 缩略图 裁剪 尺度化 适配 限制适配 最小适配 斜面 限制板 最小板
重力度 :
记住云形支持范围广编程语言框架 ,请查看在首选环境执行这些裁剪法的易易易程度对象认知裁剪需要订阅云式对象软件裁剪附加 免层实验使用) 并记住,除非你允许账户安全设置中无签名附加变换, 您需要签名交付URL更多查找加并签名 URL文档记录 .
if you're新建云形 中,您可能还想查查其他多项图像显示 并视频播放 支持变换,提供更多大方法实现媒体传送自动化并制作网站或a