解箱图像发现内容

近些年来,多数情况下,这些都涉及到人们发现物理包中的东西,充满期望和兴奋怪异地上瘾

云型AI内容分析附加有效做同一件事自动为图片使用高度训练AI模型,它可以发现图像中存在的东西,甚至提供它所发现对象的进一步细节

我决定创建对象检测演示显示附加能力可见我用我自己的录入录影带试镜

所以,你可能想, 这是一个可爱演示, 但什么是对象检测使用 现实世界为什么你需要自动检测对象 当你能清晰看到图像中的东西

开个头,不是每个人都罐头看见图像中的东西视觉缺陷者可能使用屏幕阅读器消化内容, 越多描述性地为每张图像编程, 他们就越理解图像显示的内容检测内容当然可用

另一例使用实例为用户生成内容-公众上传图片到网站执行自动检查以确保图像包含预期内容,像汽车销售网站之后应用可使用对象位置居中或避免叠加文本

电子商务方面,自动分类产品,根据检测属性向图像添加元数据不是很好吗?取长袖服装或口袋服装

目前有六大内容检测模型从选择对象不同对象.

和任何AI一样,错误会发生, 有时对象可能看起来不是信任评分可帮助你或应用判断是否信任模型检测可能发现某些模型比其他模型效果更好,取决于图像内容,取决于模型训练方式

显示不同模型如何检测不同对象可见下文结果

模型化	描述性	检测对象(全尺寸点击)
ivis系统	上头大词典划分模型包含千大对象例子中它主要发现服装品,但也检测到几面横幅
可可	上头上下文常用对象模型只包含80个常用对象例子中唯一发现对象为人民
打开图像	Google开放图像数据集模型包含600大对象举个例子,它检测主要人和鞋类, 甚至识别冰层中 one-skates运动设备
焊接时尚	云型时尚模型专用于服装视频显示响应还包含每件服装的更具体属性
焊接文本	云形文本模型专门寻找图像文本块例子中它发现两个文本块
人体解剖	人体解剖模型具体寻找人体部件举个例子,你会看到它看起来非常单向, 但这只是对演示的限制(见上文注解)。

如果这些模型都不足以满足您的需要,您也可以请求拥有自己的模型私有模型集成化,仅供你使用,以迎合你感兴趣的对象

其余文章中,我要解箱对象检测演示并展示多云特征

内容包括:

• 上传部件
• 上传预置
• 图像和文本叠加
• 效果和视觉增强
• 用户定义变量
• 命名变换

云化上传部件最优例子格言,“小包装好东西”。与荒诞微量avaScript中,您可实现fully-customizable部件,它允许你从多源向云文件上传所有类型媒体文件

查查上传部件演示感知它是如何实现的

上传预置一组预定义上传选项可设置上传预置参数元件名称上传预置, 并用相同方式上传所有内容 。以演示为例,我创建了六套上传预设集,每套内容感知模型一元,部件根据用户模型选择更新

        函数显示更新部件高山市){我的部件. update上传预置:文档.getElementById(模范值)}代码语言JavaScript高山市javascript)

哪里模型选择元素定义如下:

<选择类=选择cs标识符=模范名称=模范交换="updateWidget()"><选项传值="docs_detect_lvis"标识符=ivis选取=真实性>ivis系统
           选项><选项传值="docs_detect_coco"标识符=coco>可可
          选项><选项传值="docs_detect_openimages"标识符=开机图像>打开图像
          选项><选项传值="docs_detect_cld-fashion"标识符=焊接时尚>焊接时尚
          选项><选项传值="docs_detect_cld-text"标识符=折叠式>焊接文本
          选项><选项传值="docs_detect_human-anatomy"标识符=人形解剖>人体解剖
          选项>
          选择>代码语言htmlXML高山市xml)

上传预设只在上传方法检测参数化设置模型名引用自动图像标签币游娱乐有用吗云化AI内容分析附加

上传时尚模型预置

我用过无签名上传预设,因为演示完全由客户端执行,没有服务器提供签名上头自动标签参数设置为每个检测对象的图像添加标签,置信度超过0.6标签实际上不需演示,但我还是加进标签, 因为它可能在稍后日期对分析有用

边框添加到演示文集显示叠加使用上传响应返回坐标和维度响应像这个

绑定盒:[597.18564266325,202.6171875,354.7523892267594,220.4296875]

表示X=597y=202(假设西北部重力)叠加宽度355像素和高度220像素,如:

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n<\/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(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [ {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: 220, width: 355, crop: \"scale\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: 220, width: 355, crop: \"scale\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[ {'overlay': \"docs:filled-square\"}, {'height': 220, 'width': 355, 'crop': \"scale\"}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 202} ])","codeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[\n {'overlay': \"docs:filled-square\"},\n {'height': 220, 'width': 355, 'crop': \"scale\"},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 202}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(355)\n->height(220)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(202))\n\t);","codeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(355)\n->height(220)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(202))\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(\"ice_skating.jpg\", array(\"transformation\"=>array( array(\"overlay\"=>\"docs:filled-square\"), array(\"height\"=>220, \"width\"=>355, \"crop\"=>\"scale\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>202) )))","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array(\n array(\"overlay\"=>\"docs:filled-square\"),\n array(\"height\"=>220, \"width\"=>355, \"crop\"=>\"scale\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>202)\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().overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(220).width(355).crop(\"scale\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202)).imageTag(\"ice_skating.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(220).width(355).crop(\"scale\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202)).imageTag(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[ {:overlay=>\"docs:filled-square\"}, {:height=>220, :width=>355, :crop=>\"scale\"}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>202} ])","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[\n {:overlay=>\"docs:filled-square\"},\n {:height=>220, :width=>355, :crop=>\"scale\"},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>202}\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().Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain() .Height(220).Width(355).Crop(\"scale\").Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(202)).BuildImageTag(\"ice_skating.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain()\n .Height(220).Width(355).Crop(\"scale\").Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(202)).BuildImageTag(\"ice_skating.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(355)\n.height(220)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n.offsetX(597)\n.offsetY(202))\n\t));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(355)\n.height(220)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n.offsetX(597)\n.offsetY(202))\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().setOverlay(\"docs:filled-square\").chain() .setHeight(220).setWidth(355).setCrop(\"scale\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(202)).generate(\"ice_skating.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setOverlay(\"docs:filled-square\").chain()\n .setHeight(220).setWidth(355).setCrop(\"scale\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(202)).generate(\"ice_skating.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().overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(220).width(355).crop(\"scale\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202)).generate(\"ice_skating.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(220).width(355).crop(\"scale\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202)).generate(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(355)\n.height(220)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n.offsetX(597)\n.offsetY(202))\n\t));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(355)\n.height(220)))\n\t)\n\t.position(Position()\n\t.gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n.offsetX(597)\n.offsetY(202))\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(\"ice_skating.jpg\")\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(355)\n height(220) }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(202) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(355)\n height(220) }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(202) })\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(\"ice_skating.jpg\", {transformation: [ {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: 220, width: 355, crop: \"scale\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202} ]})","codeSnippet":"$.cloudinary.image(\"ice_skating.jpg\", {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: 220, width: 355, crop: \"scale\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202}\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(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\").overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/ice_skating.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"overlay":"docs:filled-square"},{"crop_mode":"scale","height":"220","width":"355"},{"flags":"layer_apply","gravity":"north_west","x":"597","y":"202"}],"transformation_string":"l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202","url_suffix":"","version":"","secure":true,"public_id":"ice_skating.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

类似地文本叠加表示对象和信任评分,应用到白字体框顶部并带色背景(此处为红色):

b_red,co_white,l_text:Arial_17:jacket%25200.85/fl_layer_apply,g_north_west,x_597,y_185

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n<\/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(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/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(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [ {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: 220, width: 355, crop: \"scale\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202}, {background: \"red\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: 220, width: 355, crop: \"scale\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202},\n {background: \"red\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[ {'overlay': \"docs:filled-square\"}, {'height': 220, 'width': 355, 'crop': \"scale\"}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 202}, {'background': \"red\", 'color': \"white\", 'overlay': {'font_family': \"Arial\", 'font_size': 17, 'text': \"jacket%200.85\"}}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 185} ])","codeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[\n {'overlay': \"docs:filled-square\"},\n {'height': 220, 'width': 355, 'crop': \"scale\"},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 202},\n {'background': \"red\", 'color': \"white\", 'overlay': {'font_family': \"Arial\", 'font_size': 17, 'text': \"jacket%200.85\"}},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 185}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(355)\n->height(220)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(202))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"jacket 0.85\",(new TextStyle(\"Arial\",17)))\n\t->textColor(Color::WHITE)\n\t->backgroundColor(Color::RED)\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(185))\n\t);","codeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(355)\n->height(220)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(202))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"jacket 0.85\",(new TextStyle(\"Arial\",17)))\n\t->textColor(Color::WHITE)\n\t->backgroundColor(Color::RED)\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(185))\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(\"ice_skating.jpg\", array(\"transformation\"=>array( array(\"overlay\"=>\"docs:filled-square\"), array(\"height\"=>220, \"width\"=>355, \"crop\"=>\"scale\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>202), array(\"background\"=>\"red\", \"color\"=>\"white\", \"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>17, \"text\"=>\"jacket%200.85\")), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>185) )))","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array(\n array(\"overlay\"=>\"docs:filled-square\"),\n array(\"height\"=>220, \"width\"=>355, \"crop\"=>\"scale\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>202),\n array(\"background\"=>\"red\", \"color\"=>\"white\", \"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>17, \"text\"=>\"jacket%200.85\")),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>185)\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().overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(220).width(355).crop(\"scale\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain() .background(\"red\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).imageTag(\"ice_skating.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(220).width(355).crop(\"scale\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain()\n .background(\"red\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).imageTag(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[ {:overlay=>\"docs:filled-square\"}, {:height=>220, :width=>355, :crop=>\"scale\"}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>202}, {:background=>\"red\", :color=>\"white\", :overlay=>{:font_family=>\"Arial\", :font_size=>17, :text=>\"jacket%200.85\"}}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>185} ])","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[\n {:overlay=>\"docs:filled-square\"},\n {:height=>220, :width=>355, :crop=>\"scale\"},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>202},\n {:background=>\"red\", :color=>\"white\", :overlay=>{:font_family=>\"Arial\", :font_size=>17, :text=>\"jacket%200.85\"}},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>185}\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().Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain() .Height(220).Width(355).Crop(\"scale\").Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(202).Chain() .Background(\"red\").Color(\"white\").Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(17).Text(\"jacket%200.85\")).Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(185)).BuildImageTag(\"ice_skating.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain()\n .Height(220).Width(355).Crop(\"scale\").Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(202).Chain()\n .Background(\"red\").Color(\"white\").Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(17).Text(\"jacket%200.85\")).Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(185)).BuildImageTag(\"ice_skating.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/b_red,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/b_red,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","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().setOverlay(\"docs:filled-square\").chain() .setHeight(220).setWidth(355).setCrop(\"scale\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(202).chain() .setBackground(\"red\").setColor(\"white\").setOverlay(\"text:Arial_17:jacket%200.85\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(185)).generate(\"ice_skating.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setOverlay(\"docs:filled-square\").chain()\n .setHeight(220).setWidth(355).setCrop(\"scale\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(202).chain()\n .setBackground(\"red\").setColor(\"white\").setOverlay(\"text:Arial_17:jacket%200.85\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(185)).generate(\"ice_skating.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().overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(220).width(355).crop(\"scale\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain() .background(\"red\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).generate(\"ice_skating.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(220).width(355).crop(\"scale\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain()\n .background(\"red\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).generate(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/b_red,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/b_red,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(355)\n height(220) }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(202) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"jacket 0.85\",TextStyle(\"Arial\",17)) {\n\t textColor(Color.WHITE)\n\t backgroundColor(Color.RED)\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(185) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(355)\n height(220) }) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(202) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"jacket 0.85\",TextStyle(\"Arial\",17)) {\n\t textColor(Color.WHITE)\n\t backgroundColor(Color.RED)\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(185) })\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(\"ice_skating.jpg\", {transformation: [ {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: 220, width: 355, crop: \"scale\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202}, {background: \"red\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185} ]})","codeSnippet":"$.cloudinary.image(\"ice_skating.jpg\", {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: 220, width: 355, crop: \"scale\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202},\n {background: \"red\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185}\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(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation().resize(scale().width(355).height(220))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"red\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/b_red,co_white,l_text:Arial_17:jacket%200.85\/fl_layer_apply,g_north_west,x_597,y_185\/ice_skating.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"overlay":"docs:filled-square"},{"crop_mode":"scale","height":"220","width":"355"},{"flags":"layer_apply","gravity":"north_west","x":"597","y":"202"},{"background":"red","color":"white","overlay":"text:Arial_17:jacket 0.85"},{"flags":"layer_apply","gravity":"north_west","x":"597","y":"185"}],"transformation_string":"l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/b_red,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185","url_suffix":"","version":"","secure":true,"public_id":"ice_skating.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

很明显,我们想看下边框下方图像, 所以我尝试使用框架图像, 但由于图面拉伸并按维度压扁, 它看起来并不好反之,我决定使用红方透明后台清除效果e_grew:ed并应用边界向它bo_3px_solid_blue边界是唯一可见的重叠部分

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [ {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: 220, width: 355, crop: \"scale\"}, {effect: \"bgremoval:red\"}, {border: \"3px_solid_blue\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202}, {background: \"blue\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: 220, width: 355, crop: \"scale\"},\n {effect: \"bgremoval:red\"},\n {border: \"3px_solid_blue\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202},\n {background: \"blue\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[ {'overlay': \"docs:filled-square\"}, {'height': 220, 'width': 355, 'crop': \"scale\"}, {'effect': \"bgremoval:red\"}, {'border': \"3px_solid_blue\"}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 202}, {'background': \"blue\", 'color': \"white\", 'overlay': {'font_family': \"Arial\", 'font_size': 17, 'text': \"jacket%200.85\"}}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 185} ])","codeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[\n {'overlay': \"docs:filled-square\"},\n {'height': 220, 'width': 355, 'crop': \"scale\"},\n {'effect': \"bgremoval:red\"},\n {'border': \"3px_solid_blue\"},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 202},\n {'background': \"blue\", 'color': \"white\", 'overlay': {'font_family': \"Arial\", 'font_size': 17, 'text': \"jacket%200.85\"}},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': 597, 'y': 185}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(355)\n->height(220))\n\t->effect(Effect::removeBackground()\n\t->colorToRemove(Color::RED)\n\t)\n\t->border(Border::solid(3,Color::BLUE)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(202))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"jacket 0.85\",(new TextStyle(\"Arial\",17)))\n\t->textColor(Color::WHITE)\n\t->backgroundColor(Color::BLUE)\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(185))\n\t);","codeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(355)\n->height(220))\n\t->effect(Effect::removeBackground()\n\t->colorToRemove(Color::RED)\n\t)\n\t->border(Border::solid(3,Color::BLUE)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(202))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"jacket 0.85\",(new TextStyle(\"Arial\",17)))\n\t->textColor(Color::WHITE)\n\t->backgroundColor(Color::BLUE)\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(597)\n->offsetY(185))\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(\"ice_skating.jpg\", array(\"transformation\"=>array( array(\"overlay\"=>\"docs:filled-square\"), array(\"height\"=>220, \"width\"=>355, \"crop\"=>\"scale\"), array(\"effect\"=>\"bgremoval:red\"), array(\"border\"=>\"3px_solid_blue\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>202), array(\"background\"=>\"blue\", \"color\"=>\"white\", \"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>17, \"text\"=>\"jacket%200.85\")), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>185) )))","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array(\n array(\"overlay\"=>\"docs:filled-square\"),\n array(\"height\"=>220, \"width\"=>355, \"crop\"=>\"scale\"),\n array(\"effect\"=>\"bgremoval:red\"),\n array(\"border\"=>\"3px_solid_blue\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>202),\n array(\"background\"=>\"blue\", \"color\"=>\"white\", \"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>17, \"text\"=>\"jacket%200.85\")),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>597, \"y\"=>185)\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().overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(220).width(355).crop(\"scale\").chain() .effect(\"bgremoval:red\").chain() .border(\"3px_solid_blue\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain() .background(\"blue\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).imageTag(\"ice_skating.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(220).width(355).crop(\"scale\").chain()\n .effect(\"bgremoval:red\").chain()\n .border(\"3px_solid_blue\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain()\n .background(\"blue\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).imageTag(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[ {:overlay=>\"docs:filled-square\"}, {:height=>220, :width=>355, :crop=>\"scale\"}, {:effect=>\"bgremoval:red\"}, {:border=>\"3px_solid_blue\"}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>202}, {:background=>\"blue\", :color=>\"white\", :overlay=>{:font_family=>\"Arial\", :font_size=>17, :text=>\"jacket%200.85\"}}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>185} ])","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[\n {:overlay=>\"docs:filled-square\"},\n {:height=>220, :width=>355, :crop=>\"scale\"},\n {:effect=>\"bgremoval:red\"},\n {:border=>\"3px_solid_blue\"},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>202},\n {:background=>\"blue\", :color=>\"white\", :overlay=>{:font_family=>\"Arial\", :font_size=>17, :text=>\"jacket%200.85\"}},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>597, :y=>185}\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().Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain() .Height(220).Width(355).Crop(\"scale\").Chain() .Effect(\"bgremoval:red\").Chain() .Border(\"3px_solid_blue\").Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(202).Chain() .Background(\"blue\").Color(\"white\").Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(17).Text(\"jacket%200.85\")).Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(185)).BuildImageTag(\"ice_skating.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain()\n .Height(220).Width(355).Crop(\"scale\").Chain()\n .Effect(\"bgremoval:red\").Chain()\n .Border(\"3px_solid_blue\").Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(202).Chain()\n .Background(\"blue\").Color(\"white\").Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(17).Text(\"jacket%200.85\")).Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(597).Y(185)).BuildImageTag(\"ice_skating.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/e_bgremoval:red\/bo_3px_solid_blue\/fl_layer_apply,g_north_west,x_597,y_202\/b_blue,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/e_bgremoval:red\/bo_3px_solid_blue\/fl_layer_apply,g_north_west,x_597,y_202\/b_blue,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","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().setOverlay(\"docs:filled-square\").chain() .setHeight(220).setWidth(355).setCrop(\"scale\").chain() .setEffect(\"bgremoval:red\").chain() .setBorder(\"3px_solid_blue\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(202).chain() .setBackground(\"blue\").setColor(\"white\").setOverlay(\"text:Arial_17:jacket%200.85\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(185)).generate(\"ice_skating.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setOverlay(\"docs:filled-square\").chain()\n .setHeight(220).setWidth(355).setCrop(\"scale\").chain()\n .setEffect(\"bgremoval:red\").chain()\n .setBorder(\"3px_solid_blue\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(202).chain()\n .setBackground(\"blue\").setColor(\"white\").setOverlay(\"text:Arial_17:jacket%200.85\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(597).setY(185)).generate(\"ice_skating.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().overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(220).width(355).crop(\"scale\").chain() .effect(\"bgremoval:red\").chain() .border(\"3px_solid_blue\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain() .background(\"blue\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain() .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).generate(\"ice_skating.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(220).width(355).crop(\"scale\").chain()\n .effect(\"bgremoval:red\").chain()\n .border(\"3px_solid_blue\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(202).chain()\n .background(\"blue\").color(\"white\").overlay(new TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")).chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(597).y(185)).generate(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/e_bgremoval:red\/bo_3px_solid_blue\/fl_layer_apply,g_north_west,x_597,y_202\/b_blue,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"l_docs:filled-square\/c_scale,h_220,w_355\/e_bgremoval:red\/bo_3px_solid_blue\/fl_layer_apply,g_north_west,x_597,y_202\/b_blue,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(355)\n height(220) })\n\t effect(Effect.removeBackground() {\n\t colorToRemove(Color.RED)\n\t })\n\t border(Border.solid(3,Color.BLUE)) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(202) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"jacket 0.85\",TextStyle(\"Arial\",17)) {\n\t textColor(Color.WHITE)\n\t backgroundColor(Color.BLUE)\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(185) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(355)\n height(220) })\n\t effect(Effect.removeBackground() {\n\t colorToRemove(Color.RED)\n\t })\n\t border(Border.solid(3,Color.BLUE)) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(202) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"jacket 0.85\",TextStyle(\"Arial\",17)) {\n\t textColor(Color.WHITE)\n\t backgroundColor(Color.BLUE)\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(597)\n offsetY(185) })\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(\"ice_skating.jpg\", {transformation: [ {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: 220, width: 355, crop: \"scale\"}, {effect: \"bgremoval:red\"}, {border: \"3px_solid_blue\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202}, {background: \"blue\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")}, {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185} ]})","codeSnippet":"$.cloudinary.image(\"ice_skating.jpg\", {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: 220, width: 355, crop: \"scale\"},\n {effect: \"bgremoval:red\"},\n {border: \"3px_solid_blue\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 202},\n {background: \"blue\", color: \"white\", overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(17).text(\"jacket%200.85\")},\n {flags: \"layer_apply\", gravity: \"north_west\", x: 597, y: 185}\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(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(355).height(220))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(3, \"blue\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(202)\n )\n )\n .overlay(\n source(\n text(\"jacket 0.85\", new TextStyle(\"Arial\", 17))\n .textColor(\"white\")\n .backgroundColor(\"blue\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(597)\n .offsetY(185)\n )\n );","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/l_docs:filled-square\/c_scale,h_220,w_355\/e_bgremoval:red\/bo_3px_solid_blue\/fl_layer_apply,g_north_west,x_597,y_202\/b_blue,co_white,l_text:Arial_17:jacket%200.85\/fl_layer_apply,g_north_west,x_597,y_185\/ice_skating.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"overlay":"docs:filled-square"},{"crop_mode":"scale","height":"220","width":"355"},{"effect":"bgremoval:red"},{"border":"3px_solid_blue"},{"flags":"layer_apply","gravity":"north_west","x":"597","y":"202"},{"background":"blue","color":"white","overlay":"text:Arial_17:jacket 0.85"},{"flags":"layer_apply","gravity":"north_west","x":"597","y":"185"}],"transformation_string":"l_docs:filled-square\/c_scale,h_220,w_355\/e_bgremoval:red\/bo_3px_solid_blue\/fl_layer_apply,g_north_west,x_597,y_202\/b_blue,co_white,l_text:Arial_17:jacket 0.85\/fl_layer_apply,g_north_west,x_597,y_185","url_suffix":"","version":"","secure":true,"public_id":"ice_skating.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

清晰地说,每个绑定盒都不同, 创建了专用变换器后,我需要归纳它为任何绑定盒工作这是哪里用户定义变量加入游戏绑定框中的每一值需要自变量

• $tlx左上角x坐标
• 贵宾左顶Y坐标
• 元箱宽度绑定盒
• $boxh高度绑定盒
• $color边框颜色和文本叠加背景
• 美元对象检测对象
• 元康信心评分
• unt规模字体大小文本叠加
• $pix边界大小
• 元风格文本叠加样式

适应不同图像解析度,我决定使字体大小和边框大小依赖图像高度-JavaScript计算出这一点

变换变量

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [ {variables: [[\"$tlx\", \"597\"]]}, {variables: [[\"$tly\", \"202\"]]}, {variables: [[\"$boxw\", \"355\"]]}, {variables: [[\"$boxh\", \"220\"]]}, {variables: [[\"$color\", \"!blue!\"]]}, {variables: [[\"$object\", \"!jacket!\"]]}, {variables: [[\"$conf\", \"0.85\"]]}, {variables: [[\"$fontsize\", \"17\"]]}, {variables: [[\"$pix\", \"3\"]]}, {variables: [[\"$style\", \"!Arial_17!\"]]}, {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: \"$boxh\", width: \"$boxw\", crop: \"scale\"}, {effect: \"bgremoval:red\"}, {border: \"$pix_solid_$color\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly\"}, {background: \"$color\", color: \"white\", overlay: new cloudinary.TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")}, {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly - $fontsize\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [\n {variables: [[\"$tlx\", \"597\"]]},\n {variables: [[\"$tly\", \"202\"]]},\n {variables: [[\"$boxw\", \"355\"]]},\n {variables: [[\"$boxh\", \"220\"]]},\n {variables: [[\"$color\", \"!blue!\"]]},\n {variables: [[\"$object\", \"!jacket!\"]]},\n {variables: [[\"$conf\", \"0.85\"]]},\n {variables: [[\"$fontsize\", \"17\"]]},\n {variables: [[\"$pix\", \"3\"]]},\n {variables: [[\"$style\", \"!Arial_17!\"]]},\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: \"$boxh\", width: \"$boxw\", crop: \"scale\"},\n {effect: \"bgremoval:red\"},\n {border: \"$pix_solid_$color\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly\"},\n {background: \"$color\", color: \"white\", overlay: new cloudinary.TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")},\n {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly - $fontsize\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[ {'variables': [[\"$tlx\", \"597\"]]}, {'variables': [[\"$tly\", \"202\"]]}, {'variables': [[\"$boxw\", \"355\"]]}, {'variables': [[\"$boxh\", \"220\"]]}, {'variables': [[\"$color\", \"!blue!\"]]}, {'variables': [[\"$object\", \"!jacket!\"]]}, {'variables': [[\"$conf\", \"0.85\"]]}, {'variables': [[\"$fontsize\", \"17\"]]}, {'variables': [[\"$pix\", \"3\"]]}, {'variables': [[\"$style\", \"!Arial_17!\"]]}, {'overlay': \"docs:filled-square\"}, {'height': \"$boxh\", 'width': \"$boxw\", 'crop': \"scale\"}, {'effect': \"bgremoval:red\"}, {'border': \"$pix_solid_$color\"}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': \"$tlx\", 'y': \"$tly\"}, {'background': \"$color\", 'color': \"white\", 'overlay': {'public_id': \"%24style\", 'text': \"%24%28object%29%20%24%28conf%29\"}}, {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': \"$tlx\", 'y': \"$tly - $fontsize\"} ])","codeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[\n {'variables': [[\"$tlx\", \"597\"]]},\n {'variables': [[\"$tly\", \"202\"]]},\n {'variables': [[\"$boxw\", \"355\"]]},\n {'variables': [[\"$boxh\", \"220\"]]},\n {'variables': [[\"$color\", \"!blue!\"]]},\n {'variables': [[\"$object\", \"!jacket!\"]]},\n {'variables': [[\"$conf\", \"0.85\"]]},\n {'variables': [[\"$fontsize\", \"17\"]]},\n {'variables': [[\"$pix\", \"3\"]]},\n {'variables': [[\"$style\", \"!Arial_17!\"]]},\n {'overlay': \"docs:filled-square\"},\n {'height': \"$boxh\", 'width': \"$boxw\", 'crop': \"scale\"},\n {'effect': \"bgremoval:red\"},\n {'border': \"$pix_solid_$color\"},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': \"$tlx\", 'y': \"$tly\"},\n {'background': \"$color\", 'color': \"white\", 'overlay': {'public_id': \"%24style\", 'text': \"%24%28object%29%20%24%28conf%29\"}},\n {'flags': \"layer_apply\", 'gravity': \"north_west\", 'x': \"$tlx\", 'y': \"$tly - $fontsize\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->addVariable(Variable::set(\"tlx\",597))\n\t->addVariable(Variable::set(\"tly\",202))\n\t->addVariable(Variable::set(\"boxw\",355))\n\t->addVariable(Variable::set(\"boxh\",220))\n\t->addVariable(Variable::set(\"color\",\"blue\"))\n\t->addVariable(Variable::set(\"object\",\"jacket\"))\n\t->addVariable(Variable::set(\"conf\",0.85))\n\t->addVariable(Variable::set(\"fontsize\",17))\n\t->addVariable(Variable::set(\"pix\",3))\n\t->addVariable(Variable::set(\"style\",\"Arial_17\"))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(\"$boxw\")\n->height(\"$boxh\"))\n\t->effect(Effect::removeBackground()\n\t->colorToRemove(Color::RED)\n\t)\n\t->border(Border::solid(\"$pix\",\"$color\")))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(\"$tlx\")\n->offsetY(\"$tly\"))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"$(object) $(conf)\",\"$style\")\n\t->textColor(Color::WHITE)\n\t->backgroundColor(\"$color\")\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(\"$tlx\")\n\t->offsetY(\n\tExpression::expression(\"$tly - $fontsize\"))\n\t)\n\t);","codeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->addVariable(Variable::set(\"tlx\",597))\n\t->addVariable(Variable::set(\"tly\",202))\n\t->addVariable(Variable::set(\"boxw\",355))\n\t->addVariable(Variable::set(\"boxh\",220))\n\t->addVariable(Variable::set(\"color\",\"blue\"))\n\t->addVariable(Variable::set(\"object\",\"jacket\"))\n\t->addVariable(Variable::set(\"conf\",0.85))\n\t->addVariable(Variable::set(\"fontsize\",17))\n\t->addVariable(Variable::set(\"pix\",3))\n\t->addVariable(Variable::set(\"style\",\"Arial_17\"))\n\t->overlay(Overlay::source(\n\tSource::image(\"docs\/filled-square\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(\"$boxw\")\n->height(\"$boxh\"))\n\t->effect(Effect::removeBackground()\n\t->colorToRemove(Color::RED)\n\t)\n\t->border(Border::solid(\"$pix\",\"$color\")))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(\"$tlx\")\n->offsetY(\"$tly\"))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"$(object) $(conf)\",\"$style\")\n\t->textColor(Color::WHITE)\n\t->backgroundColor(\"$color\")\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::northWest()))\n->offsetX(\"$tlx\")\n\t->offsetY(\n\tExpression::expression(\"$tly - $fontsize\"))\n\t)\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(\"ice_skating.jpg\", array(\"transformation\"=>array( array(\"variables\"=>array(array(\"$tlx\", \"597\"))), array(\"variables\"=>array(array(\"$tly\", \"202\"))), array(\"variables\"=>array(array(\"$boxw\", \"355\"))), array(\"variables\"=>array(array(\"$boxh\", \"220\"))), array(\"variables\"=>array(array(\"$color\", \"!blue!\"))), array(\"variables\"=>array(array(\"$object\", \"!jacket!\"))), array(\"variables\"=>array(array(\"$conf\", \"0.85\"))), array(\"variables\"=>array(array(\"$fontsize\", \"17\"))), array(\"variables\"=>array(array(\"$pix\", \"3\"))), array(\"variables\"=>array(array(\"$style\", \"!Arial_17!\"))), array(\"overlay\"=>\"docs:filled-square\"), array(\"height\"=>\"$boxh\", \"width\"=>\"$boxw\", \"crop\"=>\"scale\"), array(\"effect\"=>\"bgremoval:red\"), array(\"border\"=>\"$pix_solid_$color\"), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>\"$tlx\", \"y\"=>\"$tly\"), array(\"background\"=>\"$color\", \"color\"=>\"white\", \"overlay\"=>array(\"public_id\"=>\"%24style\", \"text\"=>\"%24%28object%29%20%24%28conf%29\")), array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>\"$tlx\", \"y\"=>\"$tly - $fontsize\") )))","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array(\n array(\"variables\"=>array(array(\"$tlx\", \"597\"))),\n array(\"variables\"=>array(array(\"$tly\", \"202\"))),\n array(\"variables\"=>array(array(\"$boxw\", \"355\"))),\n array(\"variables\"=>array(array(\"$boxh\", \"220\"))),\n array(\"variables\"=>array(array(\"$color\", \"!blue!\"))),\n array(\"variables\"=>array(array(\"$object\", \"!jacket!\"))),\n array(\"variables\"=>array(array(\"$conf\", \"0.85\"))),\n array(\"variables\"=>array(array(\"$fontsize\", \"17\"))),\n array(\"variables\"=>array(array(\"$pix\", \"3\"))),\n array(\"variables\"=>array(array(\"$style\", \"!Arial_17!\"))),\n array(\"overlay\"=>\"docs:filled-square\"),\n array(\"height\"=>\"$boxh\", \"width\"=>\"$boxw\", \"crop\"=>\"scale\"),\n array(\"effect\"=>\"bgremoval:red\"),\n array(\"border\"=>\"$pix_solid_$color\"),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>\"$tlx\", \"y\"=>\"$tly\"),\n array(\"background\"=>\"$color\", \"color\"=>\"white\", \"overlay\"=>array(\"public_id\"=>\"%24style\", \"text\"=>\"%24%28object%29%20%24%28conf%29\")),\n array(\"flags\"=>\"layer_apply\", \"gravity\"=>\"north_west\", \"x\"=>\"$tlx\", \"y\"=>\"$tly - $fontsize\")\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().variables(variable(\"$tlx\",\"597\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain() .overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(\"$boxh\").width(\"$boxw\").crop(\"scale\").chain() .effect(\"bgremoval:red\").chain() .border(\"$pix_solid_$color\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly\").chain() .background(\"$color\").color(\"white\").overlay(new TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")).chain() .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly - $fontsize\")).imageTag(\"ice_skating.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .variables(variable(\"$tlx\",\"597\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(\"$boxh\").width(\"$boxw\").crop(\"scale\").chain()\n .effect(\"bgremoval:red\").chain()\n .border(\"$pix_solid_$color\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly\").chain()\n .background(\"$color\").color(\"white\").overlay(new TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")).chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly - $fontsize\")).imageTag(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[ {:variables=>[[\"$tlx\", \"597\"]]}, {:variables=>[[\"$tly\", \"202\"]]}, {:variables=>[[\"$boxw\", \"355\"]]}, {:variables=>[[\"$boxh\", \"220\"]]}, {:variables=>[[\"$color\", \"!blue!\"]]}, {:variables=>[[\"$object\", \"!jacket!\"]]}, {:variables=>[[\"$conf\", \"0.85\"]]}, {:variables=>[[\"$fontsize\", \"17\"]]}, {:variables=>[[\"$pix\", \"3\"]]}, {:variables=>[[\"$style\", \"!Arial_17!\"]]}, {:overlay=>\"docs:filled-square\"}, {:height=>\"$boxh\", :width=>\"$boxw\", :crop=>\"scale\"}, {:effect=>\"bgremoval:red\"}, {:border=>\"$pix_solid_$color\"}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>\"$tlx\", :y=>\"$tly\"}, {:background=>\"$color\", :color=>\"white\", :overlay=>{:public_id=>\"%24style\", :text=>\"%24%28object%29%20%24%28conf%29\"}}, {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>\"$tlx\", :y=>\"$tly - $fontsize\"} ])","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[\n {:variables=>[[\"$tlx\", \"597\"]]},\n {:variables=>[[\"$tly\", \"202\"]]},\n {:variables=>[[\"$boxw\", \"355\"]]},\n {:variables=>[[\"$boxh\", \"220\"]]},\n {:variables=>[[\"$color\", \"!blue!\"]]},\n {:variables=>[[\"$object\", \"!jacket!\"]]},\n {:variables=>[[\"$conf\", \"0.85\"]]},\n {:variables=>[[\"$fontsize\", \"17\"]]},\n {:variables=>[[\"$pix\", \"3\"]]},\n {:variables=>[[\"$style\", \"!Arial_17!\"]]},\n {:overlay=>\"docs:filled-square\"},\n {:height=>\"$boxh\", :width=>\"$boxw\", :crop=>\"scale\"},\n {:effect=>\"bgremoval:red\"},\n {:border=>\"$pix_solid_$color\"},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>\"$tlx\", :y=>\"$tly\"},\n {:background=>\"$color\", :color=>\"white\", :overlay=>{:public_id=>\"%24style\", :text=>\"%24%28object%29%20%24%28conf%29\"}},\n {:flags=>\"layer_apply\", :gravity=>\"north_west\", :x=>\"$tlx\", :y=>\"$tly - $fontsize\"}\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().Variables(\"$tlx\", 597).Chain() .Variables(\"$tly\", 202).Chain() .Variables(\"$boxw\", 355).Chain() .Variables(\"$boxh\", 220).Chain() .Variables(\"$color\", !blue!).Chain() .Variables(\"$object\", !jacket!).Chain() .Variables(\"$conf\", 0.85).Chain() .Variables(\"$fontsize\", 17).Chain() .Variables(\"$pix\", 3).Chain() .Variables(\"$style\", !Arial_17!).Chain() .Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain() .Height(\"$boxh\").Width(\"$boxw\").Crop(\"scale\").Chain() .Effect(\"bgremoval:red\").Chain() .Border(\"$pix_solid_$color\").Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(\"$tlx\").Y(\"$tly\").Chain() .Background(\"$color\").Color(\"white\").Overlay(new TextLayer().Text(\"%24%28object%29%20%24%28conf%29\").PublicId(\"%24style\")).Chain() .Flags(\"layer_apply\").Gravity(\"north_west\").X(\"$tlx\").Y(\"$tly - $fontsize\")).BuildImageTag(\"ice_skating.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Variables(\"$tlx\", 597).Chain()\n .Variables(\"$tly\", 202).Chain()\n .Variables(\"$boxw\", 355).Chain()\n .Variables(\"$boxh\", 220).Chain()\n .Variables(\"$color\", !blue!).Chain()\n .Variables(\"$object\", !jacket!).Chain()\n .Variables(\"$conf\", 0.85).Chain()\n .Variables(\"$fontsize\", 17).Chain()\n .Variables(\"$pix\", 3).Chain()\n .Variables(\"$style\", !Arial_17!).Chain()\n .Overlay(new Layer().PublicId(\"docs:filled-square\")).Chain()\n .Height(\"$boxh\").Width(\"$boxw\").Crop(\"scale\").Chain()\n .Effect(\"bgremoval:red\").Chain()\n .Border(\"$pix_solid_$color\").Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(\"$tlx\").Y(\"$tly\").Chain()\n .Background(\"$color\").Color(\"white\").Overlay(new TextLayer().Text(\"%24%28object%29%20%24%28conf%29\").PublicId(\"%24style\")).Chain()\n .Flags(\"layer_apply\").Gravity(\"north_west\").X(\"$tlx\").Y(\"$tly - $fontsize\")).BuildImageTag(\"ice_skating.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/l_docs:filled-square\/c_scale,h_$boxh,w_$boxw\/e_bgremoval:red\/bo_$pix_solid_$color\/fl_layer_apply,g_north_west,x_$tlx,y_$tly\/b_$color,co_white,l_text:$style:$(object) $(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize\"));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/l_docs:filled-square\/c_scale,h_$boxh,w_$boxw\/e_bgremoval:red\/bo_$pix_solid_$color\/fl_layer_apply,g_north_west,x_$tlx,y_$tly\/b_$color,co_white,l_text:$style:$(object) $(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize\"));","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().chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .setOverlay(\"docs:filled-square\").chain() .setHeight(\"$boxh\").setWidth(\"$boxw\").setCrop(\"scale\").chain() .setEffect(\"bgremoval:red\").chain() .setBorder(\"$pix_solid_$color\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(\"$tlx\").setY(\"$tly\").chain() .setBackground(\"$color\").setColor(\"white\").setOverlay(\"text:%24style:%24%28object%29%20%24%28conf%29\").chain() .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(\"$tlx\").setY(\"$tly - $fontsize\")).generate(\"ice_skating.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .setOverlay(\"docs:filled-square\").chain()\n .setHeight(\"$boxh\").setWidth(\"$boxw\").setCrop(\"scale\").chain()\n .setEffect(\"bgremoval:red\").chain()\n .setBorder(\"$pix_solid_$color\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(\"$tlx\").setY(\"$tly\").chain()\n .setBackground(\"$color\").setColor(\"white\").setOverlay(\"text:%24style:%24%28object%29%20%24%28conf%29\").chain()\n .setFlags(\"layer_apply\").setGravity(\"north_west\").setX(\"$tlx\").setY(\"$tly - $fontsize\")).generate(\"ice_skating.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().variables(variable(\"$tlx\",\"597\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain() .overlay(new Layer().publicId(\"docs:filled-square\")).chain() .height(\"$boxh\").width(\"$boxw\").crop(\"scale\").chain() .effect(\"bgremoval:red\").chain() .border(\"$pix_solid_$color\").chain() .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly\").chain() .background(\"$color\").color(\"white\").overlay(new TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")).chain() .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly - $fontsize\")).generate(\"ice_skating.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .variables(variable(\"$tlx\",\"597\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain()\n .overlay(new Layer().publicId(\"docs:filled-square\")).chain()\n .height(\"$boxh\").width(\"$boxw\").crop(\"scale\").chain()\n .effect(\"bgremoval:red\").chain()\n .border(\"$pix_solid_$color\").chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly\").chain()\n .background(\"$color\").color(\"white\").overlay(new TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")).chain()\n .flags(\"layer_apply\").gravity(\"north_west\").x(\"$tlx\").y(\"$tly - $fontsize\")).generate(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/l_docs:filled-square\/c_scale,h_$boxh,w_$boxw\/e_bgremoval:red\/bo_$pix_solid_$color\/fl_layer_apply,g_north_west,x_$tlx,y_$tly\/b_$color,co_white,l_text:$style:$(object) $(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize\"));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addTransformation(\"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/l_docs:filled-square\/c_scale,h_$boxh,w_$boxw\/e_bgremoval:red\/bo_$pix_solid_$color\/fl_layer_apply,g_north_west,x_$tlx,y_$tly\/b_$color,co_white,l_text:$style:$(object) $(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t addVariable(Variable.set(\"tlx\",597))\n\t addVariable(Variable.set(\"tly\",202))\n\t addVariable(Variable.set(\"boxw\",355))\n\t addVariable(Variable.set(\"boxh\",220))\n\t addVariable(Variable.set(\"color\",\"blue\"))\n\t addVariable(Variable.set(\"object\",\"jacket\"))\n\t addVariable(Variable.set(\"conf\",0.85F))\n\t addVariable(Variable.set(\"fontsize\",17))\n\t addVariable(Variable.set(\"pix\",3))\n\t addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(\"\\\\$boxw\")\n height(\"\\\\$boxh\") })\n\t effect(Effect.removeBackground() {\n\t colorToRemove(Color.RED)\n\t })\n\t border(Border.solid(\"\\\\$pix\",\"\\\\$color\")) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(\"\\$tlx\")\n offsetY(\"\\$tly\") })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"\\$(object) \\$(conf)\",\"\\$style\") {\n\t textColor(Color.WHITE)\n\t backgroundColor(\"\\$color\")\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(\"\\$tlx\")\n\t offsetY(\n\tExpression.expression(\"\\$tly - \\$fontsize\"))\n\t })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t addVariable(Variable.set(\"tlx\",597))\n\t addVariable(Variable.set(\"tly\",202))\n\t addVariable(Variable.set(\"boxw\",355))\n\t addVariable(Variable.set(\"boxh\",220))\n\t addVariable(Variable.set(\"color\",\"blue\"))\n\t addVariable(Variable.set(\"object\",\"jacket\"))\n\t addVariable(Variable.set(\"conf\",0.85F))\n\t addVariable(Variable.set(\"fontsize\",17))\n\t addVariable(Variable.set(\"pix\",3))\n\t addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t overlay(Overlay.source(\n\tSource.image(\"docs\/filled-square\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(\"\\\\$boxw\")\n height(\"\\\\$boxh\") })\n\t effect(Effect.removeBackground() {\n\t colorToRemove(Color.RED)\n\t })\n\t border(Border.solid(\"\\\\$pix\",\"\\\\$color\")) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(\"\\$tlx\")\n offsetY(\"\\$tly\") })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"\\$(object) \\$(conf)\",\"\\$style\") {\n\t textColor(Color.WHITE)\n\t backgroundColor(\"\\$color\")\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.northWest()))\n offsetX(\"\\$tlx\")\n\t offsetY(\n\tExpression.expression(\"\\$tly - \\$fontsize\"))\n\t })\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(\"ice_skating.jpg\", {transformation: [ {variables: [[\"$tlx\", \"597\"]]}, {variables: [[\"$tly\", \"202\"]]}, {variables: [[\"$boxw\", \"355\"]]}, {variables: [[\"$boxh\", \"220\"]]}, {variables: [[\"$color\", \"!blue!\"]]}, {variables: [[\"$object\", \"!jacket!\"]]}, {variables: [[\"$conf\", \"0.85\"]]}, {variables: [[\"$fontsize\", \"17\"]]}, {variables: [[\"$pix\", \"3\"]]}, {variables: [[\"$style\", \"!Arial_17!\"]]}, {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")}, {height: \"$boxh\", width: \"$boxw\", crop: \"scale\"}, {effect: \"bgremoval:red\"}, {border: \"$pix_solid_$color\"}, {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly\"}, {background: \"$color\", color: \"white\", overlay: new cloudinary.TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")}, {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly - $fontsize\"} ]})","codeSnippet":"$.cloudinary.image(\"ice_skating.jpg\", {transformation: [\n {variables: [[\"$tlx\", \"597\"]]},\n {variables: [[\"$tly\", \"202\"]]},\n {variables: [[\"$boxw\", \"355\"]]},\n {variables: [[\"$boxh\", \"220\"]]},\n {variables: [[\"$color\", \"!blue!\"]]},\n {variables: [[\"$object\", \"!jacket!\"]]},\n {variables: [[\"$conf\", \"0.85\"]]},\n {variables: [[\"$fontsize\", \"17\"]]},\n {variables: [[\"$pix\", \"3\"]]},\n {variables: [[\"$style\", \"!Arial_17!\"]]},\n {overlay: new cloudinary.Layer().publicId(\"docs:filled-square\")},\n {height: \"$boxh\", width: \"$boxw\", crop: \"scale\"},\n {effect: \"bgremoval:red\"},\n {border: \"$pix_solid_$color\"},\n {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly\"},\n {background: \"$color\", color: \"white\", overlay: new cloudinary.TextLayer().text(\"%24%28object%29%20%24%28conf%29\").publicId(\"%24style\")},\n {flags: \"layer_apply\", gravity: \"north_west\", x: \"$tlx\", y: \"$tly - $fontsize\"}\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(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .overlay(\n source(\n image(\"docs\/filled-square\").transformation(\n new Transformation()\n .resize(scale().width(\"$boxw\").height(\"$boxh\"))\n .effect(removeBackground().colorToRemove(\"red\"))\n .border(solid(\"$pix\", \"$color\"))\n )\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(\"$tly\")\n )\n )\n .overlay(\n source(\n text(\"$(object) $(conf)\", \"$style\")\n .textColor(\"white\")\n .backgroundColor(\"$color\")\n ).position(\n new Position()\n .gravity(compass(\"north_west\"))\n .offsetX(\"$tlx\")\n .offsetY(expression(\"$tly - $fontsize\"))\n )\n );","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/l_docs:filled-square\/c_scale,h_$boxh,w_$boxw\/e_bgremoval:red\/bo_$pix_solid_$color\/fl_layer_apply,g_north_west,x_$tlx,y_$tly\/b_$color,co_white,l_text:$style:$(object)%20$(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize\/ice_skating.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"$tlx":"597"},{"$tly":"202"},{"$boxw":"355"},{"$boxh":"220"},{"$color":"!blue!"},{"$object":"!jacket!"},{"$conf":"0.85"},{"$fontsize":"17"},{"$pix":"3"},{"$style":"!Arial_17!"},{"overlay":"docs:filled-square"},{"crop_mode":"scale","height":"$boxh","width":"$boxw"},{"effect":"bgremoval:red"},{"border":"$pix_solid_$color"},{"flags":"layer_apply","gravity":"north_west","x":"$tlx","y":"$tly"},{"background":"$color","color":"white","overlay":"text:$style:$(object) $(conf)"},{"flags":"layer_apply","gravity":"north_west","x":"$tlx","y":"$tly_sub_$fontsize"}],"transformation_string":"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/l_docs:filled-square\/c_scale,h_$boxh,w_$boxw\/e_bgremoval:red\/bo_$pix_solid_$color\/fl_layer_apply,g_north_west,x_$tlx,y_$tly\/b_$color,co_white,l_text:$style:$(object) $(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize","url_suffix":"","version":"","secure":true,"public_id":"ice_skating.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

范式变换命名变换允许易重用并降低最后URL复杂性

我用过云化CLI创建命名变换

cld admin create_transformation bboxup 'l_docs:filled-square/c_scale,h_$boxh,w_$boxw/e_bgremoval:red/bo_$pix_solid_$color/fl_layer_apply,g_north_west,x_$tlx,y_$tly/b_$color,co_white,l_text:$style:$(object)%20$(conf)/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize'

短得多变换 传变量值到命名变换t_bboxup:

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [ {variables: [[\"$tlx\", \"597\"]]}, {variables: [[\"$tly\", \"202\"]]}, {variables: [[\"$boxw\", \"355\"]]}, {variables: [[\"$boxh\", \"220\"]]}, {variables: [[\"$color\", \"!blue!\"]]}, {variables: [[\"$object\", \"!jacket!\"]]}, {variables: [[\"$conf\", \"0.85\"]]}, {variables: [[\"$fontsize\", \"17\"]]}, {variables: [[\"$pix\", \"3\"]]}, {variables: [[\"$style\", \"!Arial_17!\"]]}, {transformation: [\"bboxup\"]} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [\n {variables: [[\"$tlx\", \"597\"]]},\n {variables: [[\"$tly\", \"202\"]]},\n {variables: [[\"$boxw\", \"355\"]]},\n {variables: [[\"$boxh\", \"220\"]]},\n {variables: [[\"$color\", \"!blue!\"]]},\n {variables: [[\"$object\", \"!jacket!\"]]},\n {variables: [[\"$conf\", \"0.85\"]]},\n {variables: [[\"$fontsize\", \"17\"]]},\n {variables: [[\"$pix\", \"3\"]]},\n {variables: [[\"$style\", \"!Arial_17!\"]]},\n {transformation: [\"bboxup\"]}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[ {'variables': [[\"$tlx\", \"597\"]]}, {'variables': [[\"$tly\", \"202\"]]}, {'variables': [[\"$boxw\", \"355\"]]}, {'variables': [[\"$boxh\", \"220\"]]}, {'variables': [[\"$color\", \"!blue!\"]]}, {'variables': [[\"$object\", \"!jacket!\"]]}, {'variables': [[\"$conf\", \"0.85\"]]}, {'variables': [[\"$fontsize\", \"17\"]]}, {'variables': [[\"$pix\", \"3\"]]}, {'variables': [[\"$style\", \"!Arial_17!\"]]}, {'transformation': [\"bboxup\"]} ])","codeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[\n {'variables': [[\"$tlx\", \"597\"]]},\n {'variables': [[\"$tly\", \"202\"]]},\n {'variables': [[\"$boxw\", \"355\"]]},\n {'variables': [[\"$boxh\", \"220\"]]},\n {'variables': [[\"$color\", \"!blue!\"]]},\n {'variables': [[\"$object\", \"!jacket!\"]]},\n {'variables': [[\"$conf\", \"0.85\"]]},\n {'variables': [[\"$fontsize\", \"17\"]]},\n {'variables': [[\"$pix\", \"3\"]]},\n {'variables': [[\"$style\", \"!Arial_17!\"]]},\n {'transformation': [\"bboxup\"]}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->addVariable(Variable::set(\"tlx\",597))\n\t->addVariable(Variable::set(\"tly\",202))\n\t->addVariable(Variable::set(\"boxw\",355))\n\t->addVariable(Variable::set(\"boxh\",220))\n\t->addVariable(Variable::set(\"color\",\"blue\"))\n\t->addVariable(Variable::set(\"object\",\"jacket\"))\n\t->addVariable(Variable::set(\"conf\",0.85))\n\t->addVariable(Variable::set(\"fontsize\",17))\n\t->addVariable(Variable::set(\"pix\",3))\n\t->addVariable(Variable::set(\"style\",\"Arial_17\"))\n\t->namedTransformation(NamedTransformation::name(\"bboxup\"));","codeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->addVariable(Variable::set(\"tlx\",597))\n\t->addVariable(Variable::set(\"tly\",202))\n\t->addVariable(Variable::set(\"boxw\",355))\n\t->addVariable(Variable::set(\"boxh\",220))\n\t->addVariable(Variable::set(\"color\",\"blue\"))\n\t->addVariable(Variable::set(\"object\",\"jacket\"))\n\t->addVariable(Variable::set(\"conf\",0.85))\n\t->addVariable(Variable::set(\"fontsize\",17))\n\t->addVariable(Variable::set(\"pix\",3))\n\t->addVariable(Variable::set(\"style\",\"Arial_17\"))\n\t->namedTransformation(NamedTransformation::name(\"bboxup\"));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array( array(\"variables\"=>array(array(\"$tlx\", \"597\"))), array(\"variables\"=>array(array(\"$tly\", \"202\"))), array(\"variables\"=>array(array(\"$boxw\", \"355\"))), array(\"variables\"=>array(array(\"$boxh\", \"220\"))), array(\"variables\"=>array(array(\"$color\", \"!blue!\"))), array(\"variables\"=>array(array(\"$object\", \"!jacket!\"))), array(\"variables\"=>array(array(\"$conf\", \"0.85\"))), array(\"variables\"=>array(array(\"$fontsize\", \"17\"))), array(\"variables\"=>array(array(\"$pix\", \"3\"))), array(\"variables\"=>array(array(\"$style\", \"!Arial_17!\"))), array(\"transformation\"=>array(\"bboxup\")) )))","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array(\n array(\"variables\"=>array(array(\"$tlx\", \"597\"))),\n array(\"variables\"=>array(array(\"$tly\", \"202\"))),\n array(\"variables\"=>array(array(\"$boxw\", \"355\"))),\n array(\"variables\"=>array(array(\"$boxh\", \"220\"))),\n array(\"variables\"=>array(array(\"$color\", \"!blue!\"))),\n array(\"variables\"=>array(array(\"$object\", \"!jacket!\"))),\n array(\"variables\"=>array(array(\"$conf\", \"0.85\"))),\n array(\"variables\"=>array(array(\"$fontsize\", \"17\"))),\n array(\"variables\"=>array(array(\"$pix\", \"3\"))),\n array(\"variables\"=>array(array(\"$style\", \"!Arial_17!\"))),\n array(\"transformation\"=>array(\"bboxup\"))\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().variables(variable(\"$tlx\",\"597\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain() .named(\"bboxup\")).imageTag(\"ice_skating.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .variables(variable(\"$tlx\",\"597\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain()\n .named(\"bboxup\")).imageTag(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[ {:variables=>[[\"$tlx\", \"597\"]]}, {:variables=>[[\"$tly\", \"202\"]]}, {:variables=>[[\"$boxw\", \"355\"]]}, {:variables=>[[\"$boxh\", \"220\"]]}, {:variables=>[[\"$color\", \"!blue!\"]]}, {:variables=>[[\"$object\", \"!jacket!\"]]}, {:variables=>[[\"$conf\", \"0.85\"]]}, {:variables=>[[\"$fontsize\", \"17\"]]}, {:variables=>[[\"$pix\", \"3\"]]}, {:variables=>[[\"$style\", \"!Arial_17!\"]]}, {:transformation=>[\"bboxup\"]} ])","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[\n {:variables=>[[\"$tlx\", \"597\"]]},\n {:variables=>[[\"$tly\", \"202\"]]},\n {:variables=>[[\"$boxw\", \"355\"]]},\n {:variables=>[[\"$boxh\", \"220\"]]},\n {:variables=>[[\"$color\", \"!blue!\"]]},\n {:variables=>[[\"$object\", \"!jacket!\"]]},\n {:variables=>[[\"$conf\", \"0.85\"]]},\n {:variables=>[[\"$fontsize\", \"17\"]]},\n {:variables=>[[\"$pix\", \"3\"]]},\n {:variables=>[[\"$style\", \"!Arial_17!\"]]},\n {:transformation=>[\"bboxup\"]}\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().Variables(\"$tlx\", 597).Chain() .Variables(\"$tly\", 202).Chain() .Variables(\"$boxw\", 355).Chain() .Variables(\"$boxh\", 220).Chain() .Variables(\"$color\", !blue!).Chain() .Variables(\"$object\", !jacket!).Chain() .Variables(\"$conf\", 0.85).Chain() .Variables(\"$fontsize\", 17).Chain() .Variables(\"$pix\", 3).Chain() .Variables(\"$style\", !Arial_17!).Chain() .Named(\"bboxup\")).BuildImageTag(\"ice_skating.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Variables(\"$tlx\", 597).Chain()\n .Variables(\"$tly\", 202).Chain()\n .Variables(\"$boxw\", 355).Chain()\n .Variables(\"$boxh\", 220).Chain()\n .Variables(\"$color\", !blue!).Chain()\n .Variables(\"$object\", !jacket!).Chain()\n .Variables(\"$conf\", 0.85).Chain()\n .Variables(\"$fontsize\", 17).Chain()\n .Variables(\"$pix\", 3).Chain()\n .Variables(\"$style\", !Arial_17!).Chain()\n .Named(\"bboxup\")).BuildImageTag(\"ice_skating.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxup\")));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxup\")));","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().chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .setNamed(\"bboxup\")).generate(\"ice_skating.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .setNamed(\"bboxup\")).generate(\"ice_skating.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().variables(variable(\"$tlx\",\"597\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain() .named(\"bboxup\")).generate(\"ice_skating.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .variables(variable(\"$tlx\",\"597\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain()\n .named(\"bboxup\")).generate(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxup\")));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxup\")));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t addVariable(Variable.set(\"tlx\",597))\n\t addVariable(Variable.set(\"tly\",202))\n\t addVariable(Variable.set(\"boxw\",355))\n\t addVariable(Variable.set(\"boxh\",220))\n\t addVariable(Variable.set(\"color\",\"blue\"))\n\t addVariable(Variable.set(\"object\",\"jacket\"))\n\t addVariable(Variable.set(\"conf\",0.85F))\n\t addVariable(Variable.set(\"fontsize\",17))\n\t addVariable(Variable.set(\"pix\",3))\n\t addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t namedTransformation(NamedTransformation.name(\"bboxup\")) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t addVariable(Variable.set(\"tlx\",597))\n\t addVariable(Variable.set(\"tly\",202))\n\t addVariable(Variable.set(\"boxw\",355))\n\t addVariable(Variable.set(\"boxh\",220))\n\t addVariable(Variable.set(\"color\",\"blue\"))\n\t addVariable(Variable.set(\"object\",\"jacket\"))\n\t addVariable(Variable.set(\"conf\",0.85F))\n\t addVariable(Variable.set(\"fontsize\",17))\n\t addVariable(Variable.set(\"pix\",3))\n\t addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t namedTransformation(NamedTransformation.name(\"bboxup\")) \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(\"ice_skating.jpg\", {transformation: [ {variables: [[\"$tlx\", \"597\"]]}, {variables: [[\"$tly\", \"202\"]]}, {variables: [[\"$boxw\", \"355\"]]}, {variables: [[\"$boxh\", \"220\"]]}, {variables: [[\"$color\", \"!blue!\"]]}, {variables: [[\"$object\", \"!jacket!\"]]}, {variables: [[\"$conf\", \"0.85\"]]}, {variables: [[\"$fontsize\", \"17\"]]}, {variables: [[\"$pix\", \"3\"]]}, {variables: [[\"$style\", \"!Arial_17!\"]]}, {transformation: [\"bboxup\"]} ]})","codeSnippet":"$.cloudinary.image(\"ice_skating.jpg\", {transformation: [\n {variables: [[\"$tlx\", \"597\"]]},\n {variables: [[\"$tly\", \"202\"]]},\n {variables: [[\"$boxw\", \"355\"]]},\n {variables: [[\"$boxh\", \"220\"]]},\n {variables: [[\"$color\", \"!blue!\"]]},\n {variables: [[\"$object\", \"!jacket!\"]]},\n {variables: [[\"$conf\", \"0.85\"]]},\n {variables: [[\"$fontsize\", \"17\"]]},\n {variables: [[\"$pix\", \"3\"]]},\n {variables: [[\"$style\", \"!Arial_17!\"]]},\n {transformation: [\"bboxup\"]}\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(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxup\"));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/t_bboxup\/ice_skating.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"$tlx":"597"},{"$tly":"202"},{"$boxw":"355"},{"$boxh":"220"},{"$color":"!blue!"},{"$object":"!jacket!"},{"$conf":"0.85"},{"$fontsize":"17"},{"$pix":"3"},{"$style":"!Arial_17!"},{"transformation":"bboxup"}],"transformation_string":"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/t_bboxup","url_suffix":"","version":"","secure":true,"public_id":"ice_skating.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

置信分文叠加封框底部,而不是顶部,以防检测到对象接近图像顶部唯一差分是算术y坐标文本层使用:

• 面向bboxup:y_$tly_sub_$fontsize
• 面向bboxdown:y_$tly_add_$boxh_add_$pix

<\/Image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [ {variables: [[\"$tlx\", \"597\"]]}, {variables: [[\"$tly\", \"202\"]]}, {variables: [[\"$boxw\", \"355\"]]}, {variables: [[\"$boxh\", \"220\"]]}, {variables: [[\"$color\", \"!blue!\"]]}, {variables: [[\"$object\", \"!jacket!\"]]}, {variables: [[\"$conf\", \"0.85\"]]}, {variables: [[\"$fontsize\", \"17\"]]}, {variables: [[\"$pix\", \"3\"]]}, {variables: [[\"$style\", \"!Arial_17!\"]]}, {transformation: [\"bboxdown\"]} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('ice_skating.jpg', {transformation: [\n {variables: [[\"$tlx\", \"597\"]]},\n {variables: [[\"$tly\", \"202\"]]},\n {variables: [[\"$boxw\", \"355\"]]},\n {variables: [[\"$boxh\", \"220\"]]},\n {variables: [[\"$color\", \"!blue!\"]]},\n {variables: [[\"$object\", \"!jacket!\"]]},\n {variables: [[\"$conf\", \"0.85\"]]},\n {variables: [[\"$fontsize\", \"17\"]]},\n {variables: [[\"$pix\", \"3\"]]},\n {variables: [[\"$style\", \"!Arial_17!\"]]},\n {transformation: [\"bboxdown\"]}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[ {'variables': [[\"$tlx\", \"597\"]]}, {'variables': [[\"$tly\", \"202\"]]}, {'variables': [[\"$boxw\", \"355\"]]}, {'variables': [[\"$boxh\", \"220\"]]}, {'variables': [[\"$color\", \"!blue!\"]]}, {'variables': [[\"$object\", \"!jacket!\"]]}, {'variables': [[\"$conf\", \"0.85\"]]}, {'variables': [[\"$fontsize\", \"17\"]]}, {'variables': [[\"$pix\", \"3\"]]}, {'variables': [[\"$style\", \"!Arial_17!\"]]}, {'transformation': [\"bboxdown\"]} ])","codeSnippet":"CloudinaryImage(\"ice_skating.jpg\").image(transformation=[\n {'variables': [[\"$tlx\", \"597\"]]},\n {'variables': [[\"$tly\", \"202\"]]},\n {'variables': [[\"$boxw\", \"355\"]]},\n {'variables': [[\"$boxh\", \"220\"]]},\n {'variables': [[\"$color\", \"!blue!\"]]},\n {'variables': [[\"$object\", \"!jacket!\"]]},\n {'variables': [[\"$conf\", \"0.85\"]]},\n {'variables': [[\"$fontsize\", \"17\"]]},\n {'variables': [[\"$pix\", \"3\"]]},\n {'variables': [[\"$style\", \"!Arial_17!\"]]},\n {'transformation': [\"bboxdown\"]}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->addVariable(Variable::set(\"tlx\",597))\n\t->addVariable(Variable::set(\"tly\",202))\n\t->addVariable(Variable::set(\"boxw\",355))\n\t->addVariable(Variable::set(\"boxh\",220))\n\t->addVariable(Variable::set(\"color\",\"blue\"))\n\t->addVariable(Variable::set(\"object\",\"jacket\"))\n\t->addVariable(Variable::set(\"conf\",0.85))\n\t->addVariable(Variable::set(\"fontsize\",17))\n\t->addVariable(Variable::set(\"pix\",3))\n\t->addVariable(Variable::set(\"style\",\"Arial_17\"))\n\t->namedTransformation(NamedTransformation::name(\"bboxdown\"));","codeSnippet":"(new ImageTag('ice_skating.jpg'))\n\t->addVariable(Variable::set(\"tlx\",597))\n\t->addVariable(Variable::set(\"tly\",202))\n\t->addVariable(Variable::set(\"boxw\",355))\n\t->addVariable(Variable::set(\"boxh\",220))\n\t->addVariable(Variable::set(\"color\",\"blue\"))\n\t->addVariable(Variable::set(\"object\",\"jacket\"))\n\t->addVariable(Variable::set(\"conf\",0.85))\n\t->addVariable(Variable::set(\"fontsize\",17))\n\t->addVariable(Variable::set(\"pix\",3))\n\t->addVariable(Variable::set(\"style\",\"Arial_17\"))\n\t->namedTransformation(NamedTransformation::name(\"bboxdown\"));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array( array(\"variables\"=>array(array(\"$tlx\", \"597\"))), array(\"variables\"=>array(array(\"$tly\", \"202\"))), array(\"variables\"=>array(array(\"$boxw\", \"355\"))), array(\"variables\"=>array(array(\"$boxh\", \"220\"))), array(\"variables\"=>array(array(\"$color\", \"!blue!\"))), array(\"variables\"=>array(array(\"$object\", \"!jacket!\"))), array(\"variables\"=>array(array(\"$conf\", \"0.85\"))), array(\"variables\"=>array(array(\"$fontsize\", \"17\"))), array(\"variables\"=>array(array(\"$pix\", \"3\"))), array(\"variables\"=>array(array(\"$style\", \"!Arial_17!\"))), array(\"transformation\"=>array(\"bboxdown\")) )))","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", array(\"transformation\"=>array(\n array(\"variables\"=>array(array(\"$tlx\", \"597\"))),\n array(\"variables\"=>array(array(\"$tly\", \"202\"))),\n array(\"variables\"=>array(array(\"$boxw\", \"355\"))),\n array(\"variables\"=>array(array(\"$boxh\", \"220\"))),\n array(\"variables\"=>array(array(\"$color\", \"!blue!\"))),\n array(\"variables\"=>array(array(\"$object\", \"!jacket!\"))),\n array(\"variables\"=>array(array(\"$conf\", \"0.85\"))),\n array(\"variables\"=>array(array(\"$fontsize\", \"17\"))),\n array(\"variables\"=>array(array(\"$pix\", \"3\"))),\n array(\"variables\"=>array(array(\"$style\", \"!Arial_17!\"))),\n array(\"transformation\"=>array(\"bboxdown\"))\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().variables(variable(\"$tlx\",\"597\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain() .named(\"bboxdown\")).imageTag(\"ice_skating.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .variables(variable(\"$tlx\",\"597\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain()\n .named(\"bboxdown\")).imageTag(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[ {:variables=>[[\"$tlx\", \"597\"]]}, {:variables=>[[\"$tly\", \"202\"]]}, {:variables=>[[\"$boxw\", \"355\"]]}, {:variables=>[[\"$boxh\", \"220\"]]}, {:variables=>[[\"$color\", \"!blue!\"]]}, {:variables=>[[\"$object\", \"!jacket!\"]]}, {:variables=>[[\"$conf\", \"0.85\"]]}, {:variables=>[[\"$fontsize\", \"17\"]]}, {:variables=>[[\"$pix\", \"3\"]]}, {:variables=>[[\"$style\", \"!Arial_17!\"]]}, {:transformation=>[\"bboxdown\"]} ])","codeSnippet":"cl_image_tag(\"ice_skating.jpg\", :transformation=>[\n {:variables=>[[\"$tlx\", \"597\"]]},\n {:variables=>[[\"$tly\", \"202\"]]},\n {:variables=>[[\"$boxw\", \"355\"]]},\n {:variables=>[[\"$boxh\", \"220\"]]},\n {:variables=>[[\"$color\", \"!blue!\"]]},\n {:variables=>[[\"$object\", \"!jacket!\"]]},\n {:variables=>[[\"$conf\", \"0.85\"]]},\n {:variables=>[[\"$fontsize\", \"17\"]]},\n {:variables=>[[\"$pix\", \"3\"]]},\n {:variables=>[[\"$style\", \"!Arial_17!\"]]},\n {:transformation=>[\"bboxdown\"]}\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().Variables(\"$tlx\", 597).Chain() .Variables(\"$tly\", 202).Chain() .Variables(\"$boxw\", 355).Chain() .Variables(\"$boxh\", 220).Chain() .Variables(\"$color\", !blue!).Chain() .Variables(\"$object\", !jacket!).Chain() .Variables(\"$conf\", 0.85).Chain() .Variables(\"$fontsize\", 17).Chain() .Variables(\"$pix\", 3).Chain() .Variables(\"$style\", !Arial_17!).Chain() .Named(\"bboxdown\")).BuildImageTag(\"ice_skating.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Variables(\"$tlx\", 597).Chain()\n .Variables(\"$tly\", 202).Chain()\n .Variables(\"$boxw\", 355).Chain()\n .Variables(\"$boxh\", 220).Chain()\n .Variables(\"$color\", !blue!).Chain()\n .Variables(\"$object\", !jacket!).Chain()\n .Variables(\"$conf\", 0.85).Chain()\n .Variables(\"$fontsize\", 17).Chain()\n .Variables(\"$pix\", 3).Chain()\n .Variables(\"$style\", !Arial_17!).Chain()\n .Named(\"bboxdown\")).BuildImageTag(\"ice_skating.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxdown\")));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxdown\")));","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().chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .setNamed(\"bboxdown\")).generate(\"ice_skating.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .chain()\n .setNamed(\"bboxdown\")).generate(\"ice_skating.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().variables(variable(\"$tlx\",\"597\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain() .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain() .named(\"bboxdown\")).generate(\"ice_skating.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .variables(variable(\"$tlx\",\"597\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).chain()\n .variables(variable(\"$tlx\",\"597\")).variables(variable(\"$tly\",\"202\")).variables(variable(\"$boxw\",\"355\")).variables(variable(\"$boxh\",\"220\")).variables(variable(\"$color\",\"!blue!\")).variables(variable(\"$object\",\"!jacket!\")).variables(variable(\"$conf\",\"0.85\")).variables(variable(\"$fontsize\",\"17\")).variables(variable(\"$pix\",\"3\")).variables(variable(\"$style\",\"!Arial_17!\")).chain()\n .named(\"bboxdown\")).generate(\"ice_skating.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxdown\")));","codeSnippet":"cloudinary.image('ice_skating.jpg').transformation(Transformation()\n\t.addVariable(Variable.set(\"tlx\",597))\n\t.addVariable(Variable.set(\"tly\",202))\n\t.addVariable(Variable.set(\"boxw\",355))\n\t.addVariable(Variable.set(\"boxh\",220))\n\t.addVariable(Variable.set(\"color\",\"blue\"))\n\t.addVariable(Variable.set(\"object\",\"jacket\"))\n\t.addVariable(Variable.set(\"conf\",0.85))\n\t.addVariable(Variable.set(\"fontsize\",17))\n\t.addVariable(Variable.set(\"pix\",3))\n\t.addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t.namedTransformation(NamedTransformation.name(\"bboxdown\")));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t addVariable(Variable.set(\"tlx\",597))\n\t addVariable(Variable.set(\"tly\",202))\n\t addVariable(Variable.set(\"boxw\",355))\n\t addVariable(Variable.set(\"boxh\",220))\n\t addVariable(Variable.set(\"color\",\"blue\"))\n\t addVariable(Variable.set(\"object\",\"jacket\"))\n\t addVariable(Variable.set(\"conf\",0.85F))\n\t addVariable(Variable.set(\"fontsize\",17))\n\t addVariable(Variable.set(\"pix\",3))\n\t addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t namedTransformation(NamedTransformation.name(\"bboxdown\")) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"ice_skating.jpg\")\n\t addVariable(Variable.set(\"tlx\",597))\n\t addVariable(Variable.set(\"tly\",202))\n\t addVariable(Variable.set(\"boxw\",355))\n\t addVariable(Variable.set(\"boxh\",220))\n\t addVariable(Variable.set(\"color\",\"blue\"))\n\t addVariable(Variable.set(\"object\",\"jacket\"))\n\t addVariable(Variable.set(\"conf\",0.85F))\n\t addVariable(Variable.set(\"fontsize\",17))\n\t addVariable(Variable.set(\"pix\",3))\n\t addVariable(Variable.set(\"style\",\"Arial_17\"))\n\t namedTransformation(NamedTransformation.name(\"bboxdown\")) \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(\"ice_skating.jpg\", {transformation: [ {variables: [[\"$tlx\", \"597\"]]}, {variables: [[\"$tly\", \"202\"]]}, {variables: [[\"$boxw\", \"355\"]]}, {variables: [[\"$boxh\", \"220\"]]}, {variables: [[\"$color\", \"!blue!\"]]}, {variables: [[\"$object\", \"!jacket!\"]]}, {variables: [[\"$conf\", \"0.85\"]]}, {variables: [[\"$fontsize\", \"17\"]]}, {variables: [[\"$pix\", \"3\"]]}, {variables: [[\"$style\", \"!Arial_17!\"]]}, {transformation: [\"bboxdown\"]} ]})","codeSnippet":"$.cloudinary.image(\"ice_skating.jpg\", {transformation: [\n {variables: [[\"$tlx\", \"597\"]]},\n {variables: [[\"$tly\", \"202\"]]},\n {variables: [[\"$boxw\", \"355\"]]},\n {variables: [[\"$boxh\", \"220\"]]},\n {variables: [[\"$color\", \"!blue!\"]]},\n {variables: [[\"$object\", \"!jacket!\"]]},\n {variables: [[\"$conf\", \"0.85\"]]},\n {variables: [[\"$fontsize\", \"17\"]]},\n {variables: [[\"$pix\", \"3\"]]},\n {variables: [[\"$style\", \"!Arial_17!\"]]},\n {transformation: [\"bboxdown\"]}\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(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","codeSnippet":"new CloudinaryImage(\"ice_skating.jpg\")\n .addVariable(set(\"tlx\", 597))\n .addVariable(set(\"tly\", 202))\n .addVariable(set(\"boxw\", 355))\n .addVariable(set(\"boxh\", 220))\n .addVariable(set(\"color\", \"blue\"))\n .addVariable(set(\"object\", \"jacket\"))\n .addVariable(set(\"conf\", 0.85))\n .addVariable(set(\"fontsize\", 17))\n .addVariable(set(\"pix\", 3))\n .addVariable(set(\"style\", \"Arial_17\"))\n .namedTransformation(name(\"bboxdown\"));","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.agrosoland.com\/demo\/image\/upload\/$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/t_bboxdown\/ice_skating.jpg","cloud_name":"demo","host":"res.www.agrosoland.com","type":"upload","resource_type":"image","transformation":[{"$tlx":"597"},{"$tly":"202"},{"$boxw":"355"},{"$boxh":"220"},{"$color":"!blue!"},{"$object":"!jacket!"},{"$conf":"0.85"},{"$fontsize":"17"},{"$pix":"3"},{"$style":"!Arial_17!"},{"transformation":"bboxdown"}],"transformation_string":"$tlx_597\/$tly_202\/$boxw_355\/$boxh_220\/$color_!blue!\/$object_!jacket!\/$conf_0.85\/$fontsize_17\/$pix_3\/$style_!Arial_17!\/t_bboxdown","url_suffix":"","version":"","secure":true,"public_id":"ice_skating.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

云形盒子装满技巧 其中一些我用在对象检测演示我希望你喜欢用它解箱 自图片

云性特征方面 还有很多东西需要解包头向上医科学习知识上传媒体,图像变换,视频变换,媒体传送,资产管理,部件和玩家,插件多多多多