{"id":22380,"date":"2021-07-06T17:07:50","date_gmt":"2021-07-06T17:07:50","guid":{"rendered":"http:\/\/unboxing_images_to_discover_their_content"},"modified":"2025-03-09T14:50:24","modified_gmt":"2025-03-09T21:50:24","slug":"unboxing_images_to_discover_their_content","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content","title":{"rendered":"Unboxing Images to Discover Their Content"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Over recent years, \u2018unboxing\u2019 videos have become a popular internet phenomenon. Mostly, these involve people discovering what\u2019s inside physical packages, with great anticipation and excitement. They can be strangely addictive!<\/p>\n<p><a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon\">Cloudinary\u2019s AI Content Analysis add-on<\/a> effectively does the same thing, automatically, for images.  Using highly-trained AI models, it can discover what\u2019s present in an image, and even provide further details about the objects it finds.<\/p>\n<p>I decided to create an <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#object_detection_demo\">object detection demo<\/a> for the docs to expose the add-on\u2019s capabilities. You can see me trying it out in my own \u2018unboxing\u2019 video, here:<\/p>\n<link href=\"https:\/\/unpkg.com\/cloudinary-video-player@1.5.1\/dist\/cld-video-player.min.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/cloudinary-core@latest\/cloudinary-core-shrinkwrap.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/unpkg.com\/cloudinary-video-player@1.5.1\/dist\/cld-video-player.min.js\" \n    type=\"text\/javascript\"><\/script>\n<video id=\"unbox\" class=\"cld-video-player cld-fluid \" data-cld-big-play-button=\"init\" data-cld-poster-options='{ \"start_offset\": 48}' controls=\"true\" muted=\"true\"><\/video>\n<script>\nvar cloudinary = cloudinary.Cloudinary.new({ cloud_name: \"cloudinary\"}); \nvar vp = cloudinary.videoPlayer(\"unbox\", {\n     publicId: \"training\/image_unboxing\",\n     \"muted\": false,\n     \"transformation\": {\n\"audio_frequency\": 44100\n},\n\"sourceTransformation\": {\n\"hls\": {\"audio_frequency\": 44100}\n},\n})\n<\/script>\n<h2>Why Unbox Images?<\/h2>\n<p>So, you\u2019re probably thinking, that\u2019s a cute demo, but what is object detection used for in the real world? Why do you need to automatically detect objects when you can clearly see what\u2019s in the image yourself?<\/p>\n<p>Well, for a start, not everyone <em>can<\/em> see what\u2019s in an image. Visually impaired people may be using a screen reader to digest content, and the more descriptive you can make your alt text for each image, the more they\u2019ll understand what the image is showing. You can certainly use the detected content for that.<\/p>\n<p>Another use case is for <a href=\"https:\/\/cloudinary.com\/documentation\/user_generated_content\">user-generated content<\/a> &#8211; the general public uploading images to your website.  You may want to implement an automatic check to make sure the images contain expected content, like a car for a car sales site. Then your app can use the location of the object to center a crop on it, or avoid overlaying text on it.<\/p>\n<p>For e-commerce, wouldn\u2019t it be great to categorize your products automatically, adding metadata to the images based on detected attributes?  Then you could search for say, garments with full-length sleeves, or dresses with pockets.<\/p>\n<h2>Model Behavior<\/h2>\n<p>At present, there are <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#supported_content_aware_detection_models\">six content-aware detection models<\/a> to choose from, each focusing on <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#supported_objects_and_categories\">different objects<\/a>.<\/p>\n<p>As with any AI, mistakes can happen, and sometimes objects can appear to be something they\u2019re not. The confidence score can help you or your app make decisions about whether to trust a model\u2019s detections. You may find that some models work better than others, depending on the content of your images, due to how the model has been trained.<\/p>\n<p>I invoked each model on the same ice skating image to show how the different models detect different objects. You can see the results below.<\/p>\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>In the following images, only the first 20 detected items alphabetically are shown. So, for example, in the human-anatomy example only the left body parts are highlighted, but the response does also contain right body parts. If you want to see for yourself, upload <a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/ice_skating.jpg\" target=\"blank\">this image<\/a> to the demo and take a look at the JSON.<\/p><\/div>\n<figure class=\"table-wrapper\"><table>\n<thead>\n<tr>\n<th>Model<\/th>\n<th>Description<\/th>\n<th>Detected objects (click for full size)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>lvis<\/td>\n<td>The <a href=\"https:\/\/www.lvisdataset.org\/\">Large Vocabulary Instance Segmentation<\/a> model contains thousands of general objects. In this example, it finds mainly items of clothing, but also detects a couple of banners.<\/td>\n<td><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/skating_lvis.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_100,dpr_2\/docs\/addons\/objectdetection\/skating_lvis.jpg\" alt=\"Ice skating with lvis bounding boxes\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"134\"\/><\/a><\/td>\n<\/tr>\n<tr>\n<td>coco<\/td>\n<td>The <a href=\"https:\/\/cocodataset.org\/\">Common Objects in Context<\/a> model contains just 80 common objects. In this example, the only \u2018objects\u2019 found are the people.<\/td>\n<td><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/skating_coco.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_100,dpr_2\/docs\/addons\/objectdetection\/skating_coco.jpg\" alt=\"Ice skating with coco bounding boxes\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"134\"\/><\/a><\/td>\n<\/tr>\n<tr>\n<td>openimages<\/td>\n<td><a href=\"https:\/\/storage.googleapis.com\/openimages\/web\/download.html\">Google\u2019s Open Images Dataset<\/a> model contains 600 general objects. In this example, it detects mainly the people and footwear, and even identifies one of the ice-skates as sports equipment.<\/td>\n<td><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/skating_open.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_100,dpr_2\/docs\/addons\/objectdetection\/skating_open.jpg\" alt=\"Ice skating with openimages bounding boxes\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"130\"\/><\/a><\/td>\n<\/tr>\n<tr>\n<td>cld-fashion<\/td>\n<td>Cloudinary\u2019s fashion model is specifically dedicated to items of clothing. As shown in the video, the response also contains more specific attributes of each clothing item.<\/td>\n<td><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/skating_fashion.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_100,dpr_2\/docs\/addons\/objectdetection\/skating_fashion.jpg\" alt=\"Ice skating with cld-fashion bounding boxes\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"134\"\/><\/a><\/td>\n<\/tr>\n<tr>\n<td>cld-text<\/td>\n<td>Cloudinary\u2019s text model specifically looks for blocks of text in an image. In this example, it finds two text blocks.<\/td>\n<td><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/skating_text.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_100,dpr_2\/docs\/addons\/objectdetection\/skating_text.jpg\" alt=\"Ice skating with cld-text bounding boxes\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"134\"\/><\/a><\/td>\n<\/tr>\n<tr>\n<td>human-anatomy<\/td>\n<td>The human anatomy model specifically looks for parts of the human body. In this example, you\u2019ll see it looks very one-sided, but that\u2019s just a limitation of this demo (see the note above).<\/td>\n<td><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/skating_human.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_100,dpr_2\/docs\/addons\/objectdetection\/skating_human.jpg\" alt=\"Ice skating with human-anatomy bounding boxes\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"129\"\/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n<p>If none of these models are specific enough to meet your needs, you can also request to have your own <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#private_models\">private models<\/a> integrated, for your use only, to cater to objects that you\u2019re interested in.<\/p>\n<h2>Unboxing the Demo<\/h2>\n<p>In the rest of this post I\u2019m going to unbox the <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#object_detection_demo\">object detection demo<\/a> itself, and show you the numerous Cloudinary features that I put into it.<\/p>\n<p>Its contents include:<\/p>\n<ul>\n<li>\n<a href=\"#the_upload_widget\">The upload widget<\/a>\n<\/li>\n<li>\n<a href=\"#upload_presets\">Upload presets<\/a>\n<\/li>\n<li>\n<a href=\"#image_and_text_overlays\">Image and text overlays<\/a>\n<\/li>\n<li>\n<a href=\"#effects_and_visual_enhancements\">Effects and visual enhancements<\/a>\n<\/li>\n<li>\n<a href=\"#user_defined_variables\">User-defined variables<\/a>\n<\/li>\n<li>\n<a href=\"#named_transformations\">Named transformations<\/a>\n<\/li>\n<\/ul>\n<h3>The Upload Widget<\/h3>\n<p>Cloudinary\u2019s <a href=\"https:\/\/cloudinary.com\/documentation\/upload_widget\">upload widget<\/a> is a prime example of the adage, \u201cgood things come in small packages\u201d. With a ridiculously <a href=\"https:\/\/cloudinary.com\/documentation\/upload_widget#quick_example\">small amount of JavaScript<\/a>, you can implement this <a href=\"https:\/\/cloudinary.com\/documentation\/upload_widget_reference\">fully-customizable<\/a> widget, which lets you upload all types of media files to Cloudinary from numerous sources.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/widgets\/upload_widget2_big.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_400,dpr_2\/docs\/widgets\/upload_widget2_big.png\" alt=\"Cloudinary\u2019s upload widget\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"318\"\/><\/a><\/p>\n<p>Check out the <a href=\"https:\/\/demo.cloudinary.com\/uw\">upload widget demo<\/a> to get a feel for how it\u2019s implemented.<\/p>\n<h3>Upload Presets<\/h3>\n<p><a href=\"https:\/\/cloudinary.com\/documentation\/upload_presets\">Upload presets<\/a> are a set of predefined upload options. You can set the <code>uploadPreset<\/code> parameter of the widget to the name of an upload preset, so that it uploads everything in the same way. In the case of the demo, I created six upload presets, one for each content-aware detection model, and the widget gets updated based on the user\u2019s model selection:<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">updateWidget<\/span>(<span class=\"hljs-params\"><\/span>) <\/span>{\n  myWidget.update({<span class=\"hljs-attr\">uploadPreset<\/span>: <span class=\"hljs-built_in\">document<\/span>.getElementById(<span class=\"hljs-string\">\"model\"<\/span>).value});\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<p>where the model <code>select<\/code> element is defined as follows:<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">select<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"select-css\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"model\"<\/span> <span class=\"hljs-attr\">name<\/span>=<span class=\"hljs-string\">\"model\"<\/span> <span class=\"hljs-attr\">onchange<\/span>=<span class=\"hljs-string\">\"updateWidget()\"<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">option<\/span> <span class=\"hljs-attr\">value<\/span>=<span class=\"hljs-string\">\"docs_detect_lvis\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"lvis\"<\/span> <span class=\"hljs-attr\">selected<\/span>=<span class=\"hljs-string\">\"true\"<\/span>&gt;<\/span>lvis<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">option<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">option<\/span> <span class=\"hljs-attr\">value<\/span>=<span class=\"hljs-string\">\"docs_detect_coco\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"coco\"<\/span>&gt;<\/span>coco<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">option<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">option<\/span> <span class=\"hljs-attr\">value<\/span>=<span class=\"hljs-string\">\"docs_detect_openimages\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"openimages\"<\/span>&gt;<\/span>openimages<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">option<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">option<\/span> <span class=\"hljs-attr\">value<\/span>=<span class=\"hljs-string\">\"docs_detect_cld-fashion\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"cldfashion\"<\/span>&gt;<\/span>cld-fashion<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">option<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">option<\/span> <span class=\"hljs-attr\">value<\/span>=<span class=\"hljs-string\">\"docs_detect_cld-text\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"cldtext\"<\/span>&gt;<\/span>cld-text<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">option<\/span>&gt;<\/span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">option<\/span> <span class=\"hljs-attr\">value<\/span>=<span class=\"hljs-string\">\"docs_detect_human-anatomy\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"humananatomy\"<\/span>&gt;<\/span>human-anatomy<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">option<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">select<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<p>Each upload preset differs only in the <a href=\"https:\/\/cloudinary.com\/documentation\/image_upload_api_reference#upload_method\">upload method\u2019s<\/a> <code>detection<\/code> parameter. Setting it to a model name invokes the <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#automatic_image_tagging\">automatic image tagging<\/a> feature of the Cloudinary AI Content Analysis add-on.<\/p>\n<p>This is the upload preset for the cld-fashion model:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/addons\/objectdetection\/upload_preset.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/w_400,dpr_2\/docs\/addons\/objectdetection\/upload_preset.png\" alt=\"Upload preset settings\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"121\"\/><\/a><\/p>\n<p>I used <strong>unsigned<\/strong> upload presets, because the demo is implemented purely on the client side, with no server to provide a signature. The <code>auto_tagging<\/code> parameter is set to add a tag to the image for each detected object that has a confidence score of over 0.6. These tags aren\u2019t actually required for this demo, but I included it anyway as it could be useful for some analysis at a later date.<\/p>\n<h3>Image and Text Overlays<\/h3>\n<p>The bounding boxes added to the displayed image in the demo are applied as <a href=\"https:\/\/cloudinary.com\/documentation\/layers\">overlays<\/a> using the coordinates and dimensions returned in the upload response. So, a response like this:<\/p>\n<pre class=\"js-syntax-highlighted\"><code>&quot;bounding-box&quot;: [\n597.1850564726325,\n202.6171875,\n354.7523892267594,\n220.4296875\n],\n<\/code><\/pre>\n<p>would mean overlaying a box at x=597, y=202 (assuming a gravity of northwest) with a width of 355 pixels and and a height of 220 pixels, like this:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {overlay: \\&quot;docs:filled-square\\&quot;}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;Transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;Transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;cld-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[ {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;}, {&#039;height&#039;: 220, &#039;width&#039;: 355, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 202} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[\\n  {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;},\\n  {&#039;height&#039;: 220, &#039;width&#039;: 355, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 202}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(355)\\n-&gt;height(220)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(202))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(355)\\n-&gt;height(220)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(202))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;), array(\\&quot;height\\&quot;=&gt;220, \\&quot;width\\&quot;=&gt;355, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;202) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;),\\n  array(\\&quot;height\\&quot;=&gt;220, \\&quot;width\\&quot;=&gt;355, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;202)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(220).width(355).crop(\\&quot;scale\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(220).width(355).crop(\\&quot;scale\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [ {overlay: \\&quot;docs:filled-square\\&quot;}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain() .Height(220).Width(355).Crop(\\&quot;scale\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(202)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain()\\n  .Height(220).Width(355).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(202)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;)\\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));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;)\\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));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOverlay(\\&quot;docs:filled-square\\&quot;).chain() .setHeight(220).setWidth(355).setCrop(\\&quot;scale\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(202)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setOverlay(\\&quot;docs:filled-square\\&quot;).chain()\\n  .setHeight(220).setWidth(355).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(202)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(220).width(355).crop(\\&quot;scale\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(220).width(355).crop(\\&quot;scale\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;)\\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));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;)\\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));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\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()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\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()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n      new Transformation().resize(scale().width(355).height(220))\\n    )\\n  ).position(\\n    new Position()\\n      .gravity(compass(\\&quot;north_west\\&quot;))\\n      .offsetX(597)\\n      .offsetY(202)\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.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&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;overlay&quot;:&quot;docs:filled-square&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;height&quot;:&quot;220&quot;,&quot;width&quot;:&quot;355&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;597&quot;,&quot;y&quot;:&quot;202&quot;}],&quot;transformation_string&quot;:&quot;l_docs:filled-square\\\/c_scale,h_220,w_355\\\/fl_layer_apply,g_north_west,x_597,y_202&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;ice_skating.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.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\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/l_docs:filled-square\/c_scale,h_220,w_355\/fl_layer_apply,g_north_west,x_597,y_202\/w_500\/ice_skating.jpg\" alt=\"Ice-skating image with red box overlaid on the jacket\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"334\"\/><\/a><\/p>\n<p>Similarly, the <a href=\"https:\/\/cloudinary.com\/documentation\/layers#text_overlays\">text overlay<\/a>, stating the object and confidence score, is applied to the top of the box in white font with a colored background (in this case red):<\/p>\n<p><code>b_red,co_white,l_text:Arial_17:jacket%25200.85\/fl_layer_apply,g_north_west,x_597,y_185<\/code><\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {overlay: \\&quot;docs:filled-square\\&quot;}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;Transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt; &lt;Transformation background=\\&quot;red\\&quot; color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 17, text: \\&quot;jacket%200.85\\&quot;}} \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;Transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt;\\n\\t&lt;Transformation background=\\&quot;red\\&quot; color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 17, text: \\&quot;jacket%200.85\\&quot;}} \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;cld-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt; &lt;cld-transformation background=\\&quot;red\\&quot; color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 17, text: &#039;jacket%200.85&#039;}\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation background=\\&quot;red\\&quot; color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 17, text: &#039;jacket%200.85&#039;}\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation background=\\&quot;red\\&quot; color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_17:jacket%200.85\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation background=\\&quot;red\\&quot; color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_17:jacket%200.85\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[ {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;}, {&#039;height&#039;: 220, &#039;width&#039;: 355, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 202}, {&#039;background&#039;: \\&quot;red\\&quot;, &#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 17, &#039;text&#039;: \\&quot;jacket%200.85\\&quot;}}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 185} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[\\n  {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;},\\n  {&#039;height&#039;: 220, &#039;width&#039;: 355, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 202},\\n  {&#039;background&#039;: \\&quot;red\\&quot;, &#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 17, &#039;text&#039;: \\&quot;jacket%200.85\\&quot;}},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 185}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(355)\\n-&gt;height(220)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(202))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;jacket 0.85\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,17)))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t-&gt;backgroundColor(Color::RED)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(185))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(355)\\n-&gt;height(220)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(202))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;jacket 0.85\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,17)))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t-&gt;backgroundColor(Color::RED)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(185))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;), array(\\&quot;height\\&quot;=&gt;220, \\&quot;width\\&quot;=&gt;355, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;202), array(\\&quot;background\\&quot;=&gt;\\&quot;red\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;17, \\&quot;text\\&quot;=&gt;\\&quot;jacket%200.85\\&quot;)), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;185) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;),\\n  array(\\&quot;height\\&quot;=&gt;220, \\&quot;width\\&quot;=&gt;355, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;202),\\n  array(\\&quot;background\\&quot;=&gt;\\&quot;red\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;17, \\&quot;text\\&quot;=&gt;\\&quot;jacket%200.85\\&quot;)),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;185)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(220).width(355).crop(\\&quot;scale\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain() .background(\\&quot;red\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(220).width(355).crop(\\&quot;scale\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain()\\n  .background(\\&quot;red\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [ {overlay: \\&quot;docs:filled-square\\&quot;}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain() .Height(220).Width(355).Crop(\\&quot;scale\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(202).Chain() .Background(\\&quot;red\\&quot;).Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(17).Text(\\&quot;jacket%200.85\\&quot;)).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(185)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain()\\n  .Height(220).Width(355).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(202).Chain()\\n  .Background(\\&quot;red\\&quot;).Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(17).Text(\\&quot;jacket%200.85\\&quot;)).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(185)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOverlay(\\&quot;docs:filled-square\\&quot;).chain() .setHeight(220).setWidth(355).setCrop(\\&quot;scale\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(202).chain() .setBackground(\\&quot;red\\&quot;).setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_17:jacket%200.85\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(185)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setOverlay(\\&quot;docs:filled-square\\&quot;).chain()\\n  .setHeight(220).setWidth(355).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(202).chain()\\n  .setBackground(\\&quot;red\\&quot;).setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_17:jacket%200.85\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(185)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(220).width(355).crop(\\&quot;scale\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain() .background(\\&quot;red\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(220).width(355).crop(\\&quot;scale\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain()\\n  .background(\\&quot;red\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\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(\\&quot;jacket 0.85\\&quot;,TextStyle(\\&quot;Arial\\&quot;,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()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\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(\\&quot;jacket 0.85\\&quot;,TextStyle(\\&quot;Arial\\&quot;,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()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;red\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation().resize(scale().width(355).height(220))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;red\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.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&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;overlay&quot;:&quot;docs:filled-square&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;height&quot;:&quot;220&quot;,&quot;width&quot;:&quot;355&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;597&quot;,&quot;y&quot;:&quot;202&quot;},{&quot;background&quot;:&quot;red&quot;,&quot;color&quot;:&quot;white&quot;,&quot;overlay&quot;:&quot;text:Arial_17:jacket 0.85&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;597&quot;,&quot;y&quot;:&quot;185&quot;}],&quot;transformation_string&quot;:&quot;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&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;ice_skating.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.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\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.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 0.85\/fl_layer_apply,g_north_west,x_597,y_185\/w_500\/ice_skating.jpg\" alt=\"Ice-skating image with red box overlaid on the jacket and text overlay\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"334\"\/><\/a><\/p>\n<h3>Effects and Visual Enhancements<\/h3>\n<p>Obviously, we want to be able to see the image beneath the bounding box, so I tried using an image of a frame, but because it gets stretched and squashed according to the dimensions, it didn\u2019t look good. Instead, I decided to make the red square transparent using the <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference#e_bgremoval\">background removal<\/a> effect (<code>e_bgremoval:red<\/code>) and apply a <a href=\"https:\/\/cloudinary.com\/documentation\/effects_and_artistic_enhancements#adding_image_borders\">border<\/a> to it (<code>bo_3px_solid_blue<\/code>), resulting in the border being the only visible part of the overlay:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {overlay: \\&quot;docs:filled-square\\&quot;}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;3px_solid_blue\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;3px_solid_blue\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;Transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt; &lt;Transformation border=\\&quot;3px_solid_blue\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt; &lt;Transformation background=\\&quot;blue\\&quot; color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 17, text: \\&quot;jacket%200.85\\&quot;}} \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;Transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt;\\n\\t&lt;Transformation border=\\&quot;3px_solid_blue\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt;\\n\\t&lt;Transformation background=\\&quot;blue\\&quot; color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 17, text: \\&quot;jacket%200.85\\&quot;}} \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;cld-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt; &lt;cld-transformation border=\\&quot;3px_solid_blue\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt; &lt;cld-transformation background=\\&quot;blue\\&quot; color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 17, text: &#039;jacket%200.85&#039;}\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation border=\\&quot;3px_solid_blue\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation background=\\&quot;blue\\&quot; color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 17, text: &#039;jacket%200.85&#039;}\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;bgremoval:red\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation border=\\&quot;3px_solid_blue\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation background=\\&quot;blue\\&quot; color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_17:jacket%200.85\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation height=\\&quot;220\\&quot; width=\\&quot;355\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;bgremoval:red\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation border=\\&quot;3px_solid_blue\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;202\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation background=\\&quot;blue\\&quot; color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_17:jacket%200.85\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;597\\&quot; y=\\&quot;185\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;3px_solid_blue\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;3px_solid_blue\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[ {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;}, {&#039;height&#039;: 220, &#039;width&#039;: 355, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;effect&#039;: \\&quot;bgremoval:red\\&quot;}, {&#039;border&#039;: \\&quot;3px_solid_blue\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 202}, {&#039;background&#039;: \\&quot;blue\\&quot;, &#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 17, &#039;text&#039;: \\&quot;jacket%200.85\\&quot;}}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 185} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[\\n  {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;},\\n  {&#039;height&#039;: 220, &#039;width&#039;: 355, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;effect&#039;: \\&quot;bgremoval:red\\&quot;},\\n  {&#039;border&#039;: \\&quot;3px_solid_blue\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 202},\\n  {&#039;background&#039;: \\&quot;blue\\&quot;, &#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 17, &#039;text&#039;: \\&quot;jacket%200.85\\&quot;}},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 597, &#039;y&#039;: 185}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(355)\\n-&gt;height(220))\\n\\t-&gt;effect(Effect::removeBackground()\\n\\t-&gt;colorToRemove(Color::RED)\\n\\t)\\n\\t-&gt;border(Border::solid(3,Color::BLUE)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(202))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;jacket 0.85\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,17)))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t-&gt;backgroundColor(Color::BLUE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(185))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(355)\\n-&gt;height(220))\\n\\t-&gt;effect(Effect::removeBackground()\\n\\t-&gt;colorToRemove(Color::RED)\\n\\t)\\n\\t-&gt;border(Border::solid(3,Color::BLUE)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(202))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;jacket 0.85\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,17)))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t-&gt;backgroundColor(Color::BLUE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(597)\\n-&gt;offsetY(185))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;), array(\\&quot;height\\&quot;=&gt;220, \\&quot;width\\&quot;=&gt;355, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;bgremoval:red\\&quot;), array(\\&quot;border\\&quot;=&gt;\\&quot;3px_solid_blue\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;202), array(\\&quot;background\\&quot;=&gt;\\&quot;blue\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;17, \\&quot;text\\&quot;=&gt;\\&quot;jacket%200.85\\&quot;)), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;185) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;),\\n  array(\\&quot;height\\&quot;=&gt;220, \\&quot;width\\&quot;=&gt;355, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;bgremoval:red\\&quot;),\\n  array(\\&quot;border\\&quot;=&gt;\\&quot;3px_solid_blue\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;202),\\n  array(\\&quot;background\\&quot;=&gt;\\&quot;blue\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;17, \\&quot;text\\&quot;=&gt;\\&quot;jacket%200.85\\&quot;)),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;597, \\&quot;y\\&quot;=&gt;185)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(220).width(355).crop(\\&quot;scale\\&quot;).chain() .effect(\\&quot;bgremoval:red\\&quot;).chain() .border(\\&quot;3px_solid_blue\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain() .background(\\&quot;blue\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(220).width(355).crop(\\&quot;scale\\&quot;).chain()\\n  .effect(\\&quot;bgremoval:red\\&quot;).chain()\\n  .border(\\&quot;3px_solid_blue\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain()\\n  .background(\\&quot;blue\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [ {overlay: \\&quot;docs:filled-square\\&quot;}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;3px_solid_blue\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;3px_solid_blue\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 17, text: \\&quot;jacket%200.85\\&quot;}},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain() .Height(220).Width(355).Crop(\\&quot;scale\\&quot;).Chain() .Effect(\\&quot;bgremoval:red\\&quot;).Chain() .Border(\\&quot;3px_solid_blue\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(202).Chain() .Background(\\&quot;blue\\&quot;).Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(17).Text(\\&quot;jacket%200.85\\&quot;)).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(185)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain()\\n  .Height(220).Width(355).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Effect(\\&quot;bgremoval:red\\&quot;).Chain()\\n  .Border(\\&quot;3px_solid_blue\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(202).Chain()\\n  .Background(\\&quot;blue\\&quot;).Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(17).Text(\\&quot;jacket%200.85\\&quot;)).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(597).Y(185)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOverlay(\\&quot;docs:filled-square\\&quot;).chain() .setHeight(220).setWidth(355).setCrop(\\&quot;scale\\&quot;).chain() .setEffect(\\&quot;bgremoval:red\\&quot;).chain() .setBorder(\\&quot;3px_solid_blue\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(202).chain() .setBackground(\\&quot;blue\\&quot;).setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_17:jacket%200.85\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(185)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setOverlay(\\&quot;docs:filled-square\\&quot;).chain()\\n  .setHeight(220).setWidth(355).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setEffect(\\&quot;bgremoval:red\\&quot;).chain()\\n  .setBorder(\\&quot;3px_solid_blue\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(202).chain()\\n  .setBackground(\\&quot;blue\\&quot;).setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_17:jacket%200.85\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(597).setY(185)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(220).width(355).crop(\\&quot;scale\\&quot;).chain() .effect(\\&quot;bgremoval:red\\&quot;).chain() .border(\\&quot;3px_solid_blue\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain() .background(\\&quot;blue\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(220).width(355).crop(\\&quot;scale\\&quot;).chain()\\n  .effect(\\&quot;bgremoval:red\\&quot;).chain()\\n  .border(\\&quot;3px_solid_blue\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(202).chain()\\n  .background(\\&quot;blue\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(597).y(185)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;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\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\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(\\&quot;jacket 0.85\\&quot;,TextStyle(\\&quot;Arial\\&quot;,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()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\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(\\&quot;jacket 0.85\\&quot;,TextStyle(\\&quot;Arial\\&quot;,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()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: 220, width: 355, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;3px_solid_blue\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202}, {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: 220, width: 355, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;3px_solid_blue\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 202},\\n  {background: \\&quot;blue\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(17).text(\\&quot;jacket%200.85\\&quot;)},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: 597, y: 185}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(355).height(220))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(3, \\&quot;blue\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(202)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;jacket 0.85\\&quot;, new TextStyle(\\&quot;Arial\\&quot;, 17))\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;blue\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(597)\\n        .offsetY(185)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.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&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;overlay&quot;:&quot;docs:filled-square&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;height&quot;:&quot;220&quot;,&quot;width&quot;:&quot;355&quot;},{&quot;effect&quot;:&quot;bgremoval:red&quot;},{&quot;border&quot;:&quot;3px_solid_blue&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;597&quot;,&quot;y&quot;:&quot;202&quot;},{&quot;background&quot;:&quot;blue&quot;,&quot;color&quot;:&quot;white&quot;,&quot;overlay&quot;:&quot;text:Arial_17:jacket 0.85&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;597&quot;,&quot;y&quot;:&quot;185&quot;}],&quot;transformation_string&quot;:&quot;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&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;ice_skating.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.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\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.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 0.85\/fl_layer_apply,g_north_west,x_597,y_185\/w_500\/ice_skating.jpg\" alt=\"Ice-skating image with blue bounding-box overlaid on the jacket\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"334\"\/><\/a><\/p>\n<h3>User Defined Variables<\/h3>\n<p>Clearly, each bounding box is different, so having created a specific transformation for one, I needed to generalize it to work for any bounding box.  This is where <a href=\"https:\/\/cloudinary.com\/documentation\/user_defined_variables\">user defined variables<\/a> came into play. Each value in the bounding box would need its own variable:<\/p>\n<ul>\n<li>\n<code>$tlx<\/code> &#8211; top left x coordinate<\/li>\n<li>\n<code>$tly<\/code> &#8211; top left y coordinate<\/li>\n<li>\n<code>$boxw<\/code> &#8211; width of the bounding box<\/li>\n<li>\n<code>$boxh<\/code> &#8211; height of the bounding box<\/li>\n<li>\n<code>$color<\/code> &#8211; the color of the bounding box and background to the text overlay<\/li>\n<li>\n<code>$object<\/code> &#8211; the detected object<\/li>\n<li>\n<code>$conf<\/code> &#8211; the confidence score<\/li>\n<li>\n<code>$fontsize<\/code> &#8211; the font size of the text overlay<\/li>\n<li>\n<code>$pix<\/code> &#8211; the size of the border<\/li>\n<li>\n<code>$style<\/code> &#8211; the style of the text overlay<\/li>\n<\/ul>\n<p>To cater for different image resolutions, I decided to make the font size and border size dependent on the height of the image &#8211; this was calculated in the JavaScript.<\/p>\n<p>This is the transformation with variables:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {overlay: \\&quot;docs:filled-square\\&quot;}, {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;$pix_solid_$color\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;}, {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: {public_id: \\&quot;%24style\\&quot;, text: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;}}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;$pix_solid_$color\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;},\\n  {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: {public_id: \\&quot;%24style\\&quot;, text: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;}},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;Transformation variables={[[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]} \\\/&gt; &lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;Transformation height=\\&quot;$boxh\\&quot; width=\\&quot;$boxw\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt; &lt;Transformation border=\\&quot;$pix_solid_$color\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly\\&quot; \\\/&gt; &lt;Transformation background=\\&quot;$color\\&quot; color=\\&quot;white\\&quot; overlay={{text: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;, publicId: \\&quot;%24style\\&quot;}} \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly - $fontsize\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;Transformation variables={[[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;Transformation height=\\&quot;$boxh\\&quot; width=\\&quot;$boxw\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt;\\n\\t&lt;Transformation border=\\&quot;$pix_solid_$color\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly\\&quot; \\\/&gt;\\n\\t&lt;Transformation background=\\&quot;$color\\&quot; color=\\&quot;white\\&quot; overlay={{text: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;, publicId: \\&quot;%24style\\&quot;}} \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly - $fontsize\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt; &lt;cld-transformation height=\\&quot;$boxh\\&quot; width=\\&quot;$boxw\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt; &lt;cld-transformation border=\\&quot;$pix_solid_$color\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly\\&quot; \\\/&gt; &lt;cld-transformation background=\\&quot;$color\\&quot; color=\\&quot;white\\&quot; :overlay=\\&quot;{text: &#039;%24%28object%29%20%24%28conf%29&#039;, publicId: &#039;%24style&#039;}\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly - $fontsize\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;docs:filled-square\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation height=\\&quot;$boxh\\&quot; width=\\&quot;$boxw\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;bgremoval:red\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation border=\\&quot;$pix_solid_$color\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation background=\\&quot;$color\\&quot; color=\\&quot;white\\&quot; :overlay=\\&quot;{text: &#039;%24%28object%29%20%24%28conf%29&#039;, publicId: &#039;%24style&#039;}\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly - $fontsize\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cl-transformation variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation height=\\&quot;$boxh\\&quot; width=\\&quot;$boxw\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;bgremoval:red\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation border=\\&quot;$pix_solid_$color\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation background=\\&quot;$color\\&quot; color=\\&quot;white\\&quot; overlay=\\&quot;text:%24style:%24%28object%29%20%24%28conf%29\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly - $fontsize\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;docs:filled-square\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation height=\\&quot;$boxh\\&quot; width=\\&quot;$boxw\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;bgremoval:red\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation border=\\&quot;$pix_solid_$color\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation background=\\&quot;$color\\&quot; color=\\&quot;white\\&quot; overlay=\\&quot;text:%24style:%24%28object%29%20%24%28conf%29\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north_west\\&quot; x=\\&quot;$tlx\\&quot; y=\\&quot;$tly - $fontsize\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;$pix_solid_$color\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;}, {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;$pix_solid_$color\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;},\\n  {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[ {&#039;variables&#039;: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;}, {&#039;height&#039;: \\&quot;$boxh\\&quot;, &#039;width&#039;: \\&quot;$boxw\\&quot;, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;effect&#039;: \\&quot;bgremoval:red\\&quot;}, {&#039;border&#039;: \\&quot;$pix_solid_$color\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: \\&quot;$tlx\\&quot;, &#039;y&#039;: \\&quot;$tly\\&quot;}, {&#039;background&#039;: \\&quot;$color\\&quot;, &#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;public_id&#039;: \\&quot;%24style\\&quot;, &#039;text&#039;: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;}}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: \\&quot;$tlx\\&quot;, &#039;y&#039;: \\&quot;$tly - $fontsize\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[\\n  {&#039;variables&#039;: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {&#039;overlay&#039;: \\&quot;docs:filled-square\\&quot;},\\n  {&#039;height&#039;: \\&quot;$boxh\\&quot;, &#039;width&#039;: \\&quot;$boxw\\&quot;, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;effect&#039;: \\&quot;bgremoval:red\\&quot;},\\n  {&#039;border&#039;: \\&quot;$pix_solid_$color\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: \\&quot;$tlx\\&quot;, &#039;y&#039;: \\&quot;$tly\\&quot;},\\n  {&#039;background&#039;: \\&quot;$color\\&quot;, &#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;public_id&#039;: \\&quot;%24style\\&quot;, &#039;text&#039;: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;}},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: \\&quot;$tlx\\&quot;, &#039;y&#039;: \\&quot;$tly - $fontsize\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tlx\\&quot;,597))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tly\\&quot;,202))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxw\\&quot;,355))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxh\\&quot;,220))\\n\\t-&gt;addVariable(Variable::set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;conf\\&quot;,0.85))\\n\\t-&gt;addVariable(Variable::set(\\&quot;fontsize\\&quot;,17))\\n\\t-&gt;addVariable(Variable::set(\\&quot;pix\\&quot;,3))\\n\\t-&gt;addVariable(Variable::set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(\\&quot;$boxw\\&quot;)\\n-&gt;height(\\&quot;$boxh\\&quot;))\\n\\t-&gt;effect(Effect::removeBackground()\\n\\t-&gt;colorToRemove(Color::RED)\\n\\t)\\n\\t-&gt;border(Border::solid(\\&quot;$pix\\&quot;,\\&quot;$color\\&quot;)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(\\&quot;$tlx\\&quot;)\\n-&gt;offsetY(\\&quot;$tly\\&quot;))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;$(object) $(conf)\\&quot;,\\&quot;$style\\&quot;)\\n\\t-&gt;textColor(Color::WHITE)\\n\\t-&gt;backgroundColor(\\&quot;$color\\&quot;)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(\\&quot;$tlx\\&quot;)\\n\\t-&gt;offsetY(\\n\\tExpression::expression(\\&quot;$tly - $fontsize\\&quot;))\\n\\t)\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tlx\\&quot;,597))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tly\\&quot;,202))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxw\\&quot;,355))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxh\\&quot;,220))\\n\\t-&gt;addVariable(Variable::set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;conf\\&quot;,0.85))\\n\\t-&gt;addVariable(Variable::set(\\&quot;fontsize\\&quot;,17))\\n\\t-&gt;addVariable(Variable::set(\\&quot;pix\\&quot;,3))\\n\\t-&gt;addVariable(Variable::set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/filled-square\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(\\&quot;$boxw\\&quot;)\\n-&gt;height(\\&quot;$boxh\\&quot;))\\n\\t-&gt;effect(Effect::removeBackground()\\n\\t-&gt;colorToRemove(Color::RED)\\n\\t)\\n\\t-&gt;border(Border::solid(\\&quot;$pix\\&quot;,\\&quot;$color\\&quot;)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(\\&quot;$tlx\\&quot;)\\n-&gt;offsetY(\\&quot;$tly\\&quot;))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;$(object) $(conf)\\&quot;,\\&quot;$style\\&quot;)\\n\\t-&gt;textColor(Color::WHITE)\\n\\t-&gt;backgroundColor(\\&quot;$color\\&quot;)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(\\&quot;$tlx\\&quot;)\\n\\t-&gt;offsetY(\\n\\tExpression::expression(\\&quot;$tly - $fontsize\\&quot;))\\n\\t)\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tly\\&quot;, \\&quot;202\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$pix\\&quot;, \\&quot;3\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;))), array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;), array(\\&quot;height\\&quot;=&gt;\\&quot;$boxh\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;$boxw\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;bgremoval:red\\&quot;), array(\\&quot;border\\&quot;=&gt;\\&quot;$pix_solid_$color\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;\\&quot;$tlx\\&quot;, \\&quot;y\\&quot;=&gt;\\&quot;$tly\\&quot;), array(\\&quot;background\\&quot;=&gt;\\&quot;$color\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;public_id\\&quot;=&gt;\\&quot;%24style\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;%24%28object%29%20%24%28conf%29\\&quot;)), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;\\&quot;$tlx\\&quot;, \\&quot;y\\&quot;=&gt;\\&quot;$tly - $fontsize\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tly\\&quot;, \\&quot;202\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$pix\\&quot;, \\&quot;3\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;))),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:filled-square\\&quot;),\\n  array(\\&quot;height\\&quot;=&gt;\\&quot;$boxh\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;$boxw\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;bgremoval:red\\&quot;),\\n  array(\\&quot;border\\&quot;=&gt;\\&quot;$pix_solid_$color\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;\\&quot;$tlx\\&quot;, \\&quot;y\\&quot;=&gt;\\&quot;$tly\\&quot;),\\n  array(\\&quot;background\\&quot;=&gt;\\&quot;$color\\&quot;, \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;public_id\\&quot;=&gt;\\&quot;%24style\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;%24%28object%29%20%24%28conf%29\\&quot;)),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;\\&quot;$tlx\\&quot;, \\&quot;y\\&quot;=&gt;\\&quot;$tly - $fontsize\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain() .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(\\&quot;$boxh\\&quot;).width(\\&quot;$boxw\\&quot;).crop(\\&quot;scale\\&quot;).chain() .effect(\\&quot;bgremoval:red\\&quot;).chain() .border(\\&quot;$pix_solid_$color\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly\\&quot;).chain() .background(\\&quot;$color\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly - $fontsize\\&quot;)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(\\&quot;$boxh\\&quot;).width(\\&quot;$boxw\\&quot;).crop(\\&quot;scale\\&quot;).chain()\\n  .effect(\\&quot;bgremoval:red\\&quot;).chain()\\n  .border(\\&quot;$pix_solid_$color\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly\\&quot;).chain()\\n  .background(\\&quot;$color\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly - $fontsize\\&quot;)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {overlay: \\&quot;docs:filled-square\\&quot;}, {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;$pix_solid_$color\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;}, {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: {public_id: \\&quot;%24style\\&quot;, text: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;}}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {overlay: \\&quot;docs:filled-square\\&quot;},\\n  {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;$pix_solid_$color\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;},\\n  {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: {public_id: \\&quot;%24style\\&quot;, text: \\&quot;%24%28object%29%20%24%28conf%29\\&quot;}},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Variables(\\&quot;$tlx\\&quot;, 597).Chain() .Variables(\\&quot;$tly\\&quot;, 202).Chain() .Variables(\\&quot;$boxw\\&quot;, 355).Chain() .Variables(\\&quot;$boxh\\&quot;, 220).Chain() .Variables(\\&quot;$color\\&quot;, !blue!).Chain() .Variables(\\&quot;$object\\&quot;, !jacket!).Chain() .Variables(\\&quot;$conf\\&quot;, 0.85).Chain() .Variables(\\&quot;$fontsize\\&quot;, 17).Chain() .Variables(\\&quot;$pix\\&quot;, 3).Chain() .Variables(\\&quot;$style\\&quot;, !Arial_17!).Chain() .Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain() .Height(\\&quot;$boxh\\&quot;).Width(\\&quot;$boxw\\&quot;).Crop(\\&quot;scale\\&quot;).Chain() .Effect(\\&quot;bgremoval:red\\&quot;).Chain() .Border(\\&quot;$pix_solid_$color\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(\\&quot;$tlx\\&quot;).Y(\\&quot;$tly\\&quot;).Chain() .Background(\\&quot;$color\\&quot;).Color(\\&quot;white\\&quot;).Overlay(new TextLayer().Text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).PublicId(\\&quot;%24style\\&quot;)).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(\\&quot;$tlx\\&quot;).Y(\\&quot;$tly - $fontsize\\&quot;)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Variables(\\&quot;$tlx\\&quot;, 597).Chain()\\n  .Variables(\\&quot;$tly\\&quot;, 202).Chain()\\n  .Variables(\\&quot;$boxw\\&quot;, 355).Chain()\\n  .Variables(\\&quot;$boxh\\&quot;, 220).Chain()\\n  .Variables(\\&quot;$color\\&quot;, !blue!).Chain()\\n  .Variables(\\&quot;$object\\&quot;, !jacket!).Chain()\\n  .Variables(\\&quot;$conf\\&quot;, 0.85).Chain()\\n  .Variables(\\&quot;$fontsize\\&quot;, 17).Chain()\\n  .Variables(\\&quot;$pix\\&quot;, 3).Chain()\\n  .Variables(\\&quot;$style\\&quot;, !Arial_17!).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;docs:filled-square\\&quot;)).Chain()\\n  .Height(\\&quot;$boxh\\&quot;).Width(\\&quot;$boxw\\&quot;).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Effect(\\&quot;bgremoval:red\\&quot;).Chain()\\n  .Border(\\&quot;$pix_solid_$color\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(\\&quot;$tlx\\&quot;).Y(\\&quot;$tly\\&quot;).Chain()\\n  .Background(\\&quot;$color\\&quot;).Color(\\&quot;white\\&quot;).Overlay(new TextLayer().Text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).PublicId(\\&quot;%24style\\&quot;)).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north_west\\&quot;).X(\\&quot;$tlx\\&quot;).Y(\\&quot;$tly - $fontsize\\&quot;)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;$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\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;$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\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .setOverlay(\\&quot;docs:filled-square\\&quot;).chain() .setHeight(\\&quot;$boxh\\&quot;).setWidth(\\&quot;$boxw\\&quot;).setCrop(\\&quot;scale\\&quot;).chain() .setEffect(\\&quot;bgremoval:red\\&quot;).chain() .setBorder(\\&quot;$pix_solid_$color\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(\\&quot;$tlx\\&quot;).setY(\\&quot;$tly\\&quot;).chain() .setBackground(\\&quot;$color\\&quot;).setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:%24style:%24%28object%29%20%24%28conf%29\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(\\&quot;$tlx\\&quot;).setY(\\&quot;$tly - $fontsize\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;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(\\&quot;docs:filled-square\\&quot;).chain()\\n  .setHeight(\\&quot;$boxh\\&quot;).setWidth(\\&quot;$boxw\\&quot;).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setEffect(\\&quot;bgremoval:red\\&quot;).chain()\\n  .setBorder(\\&quot;$pix_solid_$color\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(\\&quot;$tlx\\&quot;).setY(\\&quot;$tly\\&quot;).chain()\\n  .setBackground(\\&quot;$color\\&quot;).setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:%24style:%24%28object%29%20%24%28conf%29\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north_west\\&quot;).setX(\\&quot;$tlx\\&quot;).setY(\\&quot;$tly - $fontsize\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain() .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain() .height(\\&quot;$boxh\\&quot;).width(\\&quot;$boxw\\&quot;).crop(\\&quot;scale\\&quot;).chain() .effect(\\&quot;bgremoval:red\\&quot;).chain() .border(\\&quot;$pix_solid_$color\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly\\&quot;).chain() .background(\\&quot;$color\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly - $fontsize\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain()\\n  .overlay(new Layer().publicId(\\&quot;docs:filled-square\\&quot;)).chain()\\n  .height(\\&quot;$boxh\\&quot;).width(\\&quot;$boxw\\&quot;).crop(\\&quot;scale\\&quot;).chain()\\n  .effect(\\&quot;bgremoval:red\\&quot;).chain()\\n  .border(\\&quot;$pix_solid_$color\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly\\&quot;).chain()\\n  .background(\\&quot;$color\\&quot;).color(\\&quot;white\\&quot;).overlay(new TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north_west\\&quot;).x(\\&quot;$tlx\\&quot;).y(\\&quot;$tly - $fontsize\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;$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\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;$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\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;conf\\&quot;,0.85F))\\n\\t addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(\\&quot;\\\\\\\\$boxw\\&quot;)\\n height(\\&quot;\\\\\\\\$boxh\\&quot;) })\\n\\t effect(Effect.removeBackground() {\\n\\t colorToRemove(Color.RED)\\n\\t })\\n\\t border(Border.solid(\\&quot;\\\\\\\\$pix\\&quot;,\\&quot;\\\\\\\\$color\\&quot;)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northWest()))\\n offsetX(\\&quot;\\\\$tlx\\&quot;)\\n offsetY(\\&quot;\\\\$tly\\&quot;) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;\\\\$(object) \\\\$(conf)\\&quot;,\\&quot;\\\\$style\\&quot;) {\\n\\t textColor(Color.WHITE)\\n\\t backgroundColor(\\&quot;\\\\$color\\&quot;)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northWest()))\\n offsetX(\\&quot;\\\\$tlx\\&quot;)\\n\\t offsetY(\\n\\tExpression.expression(\\&quot;\\\\$tly - \\\\$fontsize\\&quot;))\\n\\t })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;conf\\&quot;,0.85F))\\n\\t addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/filled-square\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(\\&quot;\\\\\\\\$boxw\\&quot;)\\n height(\\&quot;\\\\\\\\$boxh\\&quot;) })\\n\\t effect(Effect.removeBackground() {\\n\\t colorToRemove(Color.RED)\\n\\t })\\n\\t border(Border.solid(\\&quot;\\\\\\\\$pix\\&quot;,\\&quot;\\\\\\\\$color\\&quot;)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northWest()))\\n offsetX(\\&quot;\\\\$tlx\\&quot;)\\n offsetY(\\&quot;\\\\$tly\\&quot;) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;\\\\$(object) \\\\$(conf)\\&quot;,\\&quot;\\\\$style\\&quot;) {\\n\\t textColor(Color.WHITE)\\n\\t backgroundColor(\\&quot;\\\\$color\\&quot;)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northWest()))\\n offsetX(\\&quot;\\\\$tlx\\&quot;)\\n\\t offsetY(\\n\\tExpression.expression(\\&quot;\\\\$tly - \\\\$fontsize\\&quot;))\\n\\t })\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)}, {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;}, {effect: \\&quot;bgremoval:red\\&quot;}, {border: \\&quot;$pix_solid_$color\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;}, {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:filled-square\\&quot;)},\\n  {height: \\&quot;$boxh\\&quot;, width: \\&quot;$boxw\\&quot;, crop: \\&quot;scale\\&quot;},\\n  {effect: \\&quot;bgremoval:red\\&quot;},\\n  {border: \\&quot;$pix_solid_$color\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly\\&quot;},\\n  {background: \\&quot;$color\\&quot;, color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().text(\\&quot;%24%28object%29%20%24%28conf%29\\&quot;).publicId(\\&quot;%24style\\&quot;)},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north_west\\&quot;, x: \\&quot;$tlx\\&quot;, y: \\&quot;$tly - $fontsize\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;docs\\\/filled-square\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(\\&quot;$boxw\\&quot;).height(\\&quot;$boxh\\&quot;))\\n          .effect(removeBackground().colorToRemove(\\&quot;red\\&quot;))\\n          .border(solid(\\&quot;$pix\\&quot;, \\&quot;$color\\&quot;))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(\\&quot;$tly\\&quot;)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;$(object) $(conf)\\&quot;, \\&quot;$style\\&quot;)\\n        .textColor(\\&quot;white\\&quot;)\\n        .backgroundColor(\\&quot;$color\\&quot;)\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_west\\&quot;))\\n        .offsetX(\\&quot;$tlx\\&quot;)\\n        .offsetY(expression(\\&quot;$tly - $fontsize\\&quot;))\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.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&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;$tlx&quot;:&quot;597&quot;},{&quot;$tly&quot;:&quot;202&quot;},{&quot;$boxw&quot;:&quot;355&quot;},{&quot;$boxh&quot;:&quot;220&quot;},{&quot;$color&quot;:&quot;!blue!&quot;},{&quot;$object&quot;:&quot;!jacket!&quot;},{&quot;$conf&quot;:&quot;0.85&quot;},{&quot;$fontsize&quot;:&quot;17&quot;},{&quot;$pix&quot;:&quot;3&quot;},{&quot;$style&quot;:&quot;!Arial_17!&quot;},{&quot;overlay&quot;:&quot;docs:filled-square&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;height&quot;:&quot;$boxh&quot;,&quot;width&quot;:&quot;$boxw&quot;},{&quot;effect&quot;:&quot;bgremoval:red&quot;},{&quot;border&quot;:&quot;$pix_solid_$color&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;$tlx&quot;,&quot;y&quot;:&quot;$tly&quot;},{&quot;background&quot;:&quot;$color&quot;,&quot;color&quot;:&quot;white&quot;,&quot;overlay&quot;:&quot;text:$style:$(object) $(conf)&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;$tlx&quot;,&quot;y&quot;:&quot;$tly_sub_$fontsize&quot;}],&quot;transformation_string&quot;:&quot;$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&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;ice_skating.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.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\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.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) $(conf)\/fl_layer_apply,g_north_west,x_$tlx,y_$tly_sub_$fontsize\/w_500\/ice_skating.jpg\" alt=\"Ice-skating image with blue bounding-box overlaid on the jacket\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"334\"\/><\/a><\/p>\n<h3>Named Transformations<\/h3>\n<p>The (rather huge) generic transformation could now be saved as a <a href=\"https:\/\/cloudinary.com\/documentation\/image_transformations#named_transformations\">named transformation<\/a> to allow for easy re-use and to make the final URL less complex.<\/p>\n<p>I used the <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_cli\">Cloudinary CLI<\/a> to create the named transformation:<\/p>\n<pre class=\"js-syntax-highlighted\"><code>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'\n<\/code><\/pre>\n<p>Here\u2019s the much shorter transformation, passing the variable values to the named transformation (<code>t_bboxup<\/code>):<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxup\\&quot;]} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxup\\&quot;]}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;Transformation variables={[[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]} \\\/&gt; &lt;Transformation transformation={[\\&quot;bboxup\\&quot;]} \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;Transformation variables={[[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation transformation={[\\&quot;bboxup\\&quot;]} \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation transformation={[\\&quot;bboxup\\&quot;]} \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation transformation={[\\&quot;bboxup\\&quot;]} \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cl-transformation variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation transformation={{[\\&quot;bboxup\\&quot;]}}&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation transformation={{[\\&quot;bboxup\\&quot;]}}&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxup\\&quot;]} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxup\\&quot;]}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[ {&#039;variables&#039;: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {&#039;transformation&#039;: [\\&quot;bboxup\\&quot;]} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[\\n  {&#039;variables&#039;: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {&#039;transformation&#039;: [\\&quot;bboxup\\&quot;]}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tlx\\&quot;,597))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tly\\&quot;,202))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxw\\&quot;,355))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxh\\&quot;,220))\\n\\t-&gt;addVariable(Variable::set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;conf\\&quot;,0.85))\\n\\t-&gt;addVariable(Variable::set(\\&quot;fontsize\\&quot;,17))\\n\\t-&gt;addVariable(Variable::set(\\&quot;pix\\&quot;,3))\\n\\t-&gt;addVariable(Variable::set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t-&gt;namedTransformation(NamedTransformation::name(\\&quot;bboxup\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tlx\\&quot;,597))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tly\\&quot;,202))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxw\\&quot;,355))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxh\\&quot;,220))\\n\\t-&gt;addVariable(Variable::set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;conf\\&quot;,0.85))\\n\\t-&gt;addVariable(Variable::set(\\&quot;fontsize\\&quot;,17))\\n\\t-&gt;addVariable(Variable::set(\\&quot;pix\\&quot;,3))\\n\\t-&gt;addVariable(Variable::set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t-&gt;namedTransformation(NamedTransformation::name(\\&quot;bboxup\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tly\\&quot;, \\&quot;202\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$pix\\&quot;, \\&quot;3\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;))), array(\\&quot;transformation\\&quot;=&gt;array(\\&quot;bboxup\\&quot;)) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tly\\&quot;, \\&quot;202\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$pix\\&quot;, \\&quot;3\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;))),\\n  array(\\&quot;transformation\\&quot;=&gt;array(\\&quot;bboxup\\&quot;))\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain() .named(\\&quot;bboxup\\&quot;)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain()\\n  .named(\\&quot;bboxup\\&quot;)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxup\\&quot;]} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxup\\&quot;]}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Variables(\\&quot;$tlx\\&quot;, 597).Chain() .Variables(\\&quot;$tly\\&quot;, 202).Chain() .Variables(\\&quot;$boxw\\&quot;, 355).Chain() .Variables(\\&quot;$boxh\\&quot;, 220).Chain() .Variables(\\&quot;$color\\&quot;, !blue!).Chain() .Variables(\\&quot;$object\\&quot;, !jacket!).Chain() .Variables(\\&quot;$conf\\&quot;, 0.85).Chain() .Variables(\\&quot;$fontsize\\&quot;, 17).Chain() .Variables(\\&quot;$pix\\&quot;, 3).Chain() .Variables(\\&quot;$style\\&quot;, !Arial_17!).Chain() .Named(\\&quot;bboxup\\&quot;)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Variables(\\&quot;$tlx\\&quot;, 597).Chain()\\n  .Variables(\\&quot;$tly\\&quot;, 202).Chain()\\n  .Variables(\\&quot;$boxw\\&quot;, 355).Chain()\\n  .Variables(\\&quot;$boxh\\&quot;, 220).Chain()\\n  .Variables(\\&quot;$color\\&quot;, !blue!).Chain()\\n  .Variables(\\&quot;$object\\&quot;, !jacket!).Chain()\\n  .Variables(\\&quot;$conf\\&quot;, 0.85).Chain()\\n  .Variables(\\&quot;$fontsize\\&quot;, 17).Chain()\\n  .Variables(\\&quot;$pix\\&quot;, 3).Chain()\\n  .Variables(\\&quot;$style\\&quot;, !Arial_17!).Chain()\\n  .Named(\\&quot;bboxup\\&quot;)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxup\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxup\\&quot;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .setNamed(\\&quot;bboxup\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;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(\\&quot;bboxup\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain() .named(\\&quot;bboxup\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain()\\n  .named(\\&quot;bboxup\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxup\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxup\\&quot;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;conf\\&quot;,0.85F))\\n\\t addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t namedTransformation(NamedTransformation.name(\\&quot;bboxup\\&quot;)) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;conf\\&quot;,0.85F))\\n\\t addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t namedTransformation(NamedTransformation.name(\\&quot;bboxup\\&quot;)) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxup\\&quot;]} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxup\\&quot;]}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxup\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.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&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;$tlx&quot;:&quot;597&quot;},{&quot;$tly&quot;:&quot;202&quot;},{&quot;$boxw&quot;:&quot;355&quot;},{&quot;$boxh&quot;:&quot;220&quot;},{&quot;$color&quot;:&quot;!blue!&quot;},{&quot;$object&quot;:&quot;!jacket!&quot;},{&quot;$conf&quot;:&quot;0.85&quot;},{&quot;$fontsize&quot;:&quot;17&quot;},{&quot;$pix&quot;:&quot;3&quot;},{&quot;$style&quot;:&quot;!Arial_17!&quot;},{&quot;transformation&quot;:&quot;bboxup&quot;}],&quot;transformation_string&quot;:&quot;$tlx_597\\\/$tly_202\\\/$boxw_355\\\/$boxh_220\\\/$color_!blue!\\\/$object_!jacket!\\\/$conf_0.85\\\/$fontsize_17\\\/$pix_3\\\/$style_!Arial_17!\\\/t_bboxup&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;ice_skating.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.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\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.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\/w_500\/ice_skating.jpg\" alt=\"Ice-skating image with blue bounding-box overlaid on the jacket\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"334\"\/><\/a><\/p>\n<p>I created a similar one for adding the object and confidence score text overlay to the bottom of the bounding box, rather than the top, in case the detected object is near the top of the image. The only difference is the <a href=\"https:\/\/cloudinary.com\/documentation\/user_defined_variables#arithmetic_expressions\">arithmetic<\/a> used for the y-coordinate of the text layer:<\/p>\n<ul>\n<li>For <strong>bboxup<\/strong>: <code>y_$tly_sub_$fontsize<\/code>\n<\/li>\n<li>For <strong>bboxdown<\/strong>: <code>y_$tly_add_$boxh_add_$pix<\/code>\n<\/li>\n<\/ul>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxdown\\&quot;]} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxdown\\&quot;]}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;Transformation variables={[[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]} \\\/&gt; &lt;Transformation variables={[[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]} \\\/&gt; &lt;Transformation transformation={[\\&quot;bboxdown\\&quot;]} \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;Transformation variables={[[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation variables={[[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation transformation={[\\&quot;bboxdown\\&quot;]} \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation transformation={[\\&quot;bboxdown\\&quot;]} \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation transformation={[\\&quot;bboxdown\\&quot;]} \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt; &lt;cl-transformation variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation transformation={{[\\&quot;bboxdown\\&quot;]}}&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;ice_skating.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$tlx&#039;, &#039;597&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$tly&#039;, &#039;202&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$boxw&#039;, &#039;355&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$boxh&#039;, &#039;220&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$color&#039;, &#039;!blue!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$object&#039;, &#039;!jacket!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$conf&#039;, &#039;0.85&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$fontsize&#039;, &#039;17&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$pix&#039;, &#039;3&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$style&#039;, &#039;!Arial_17!&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation transformation={{[\\&quot;bboxdown\\&quot;]}}&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxdown\\&quot;]} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;ice_skating.jpg&#039;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxdown\\&quot;]}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[ {&#039;variables&#039;: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {&#039;variables&#039;: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {&#039;transformation&#039;: [\\&quot;bboxdown\\&quot;]} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;).image(transformation=[\\n  {&#039;variables&#039;: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {&#039;variables&#039;: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {&#039;transformation&#039;: [\\&quot;bboxdown\\&quot;]}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tlx\\&quot;,597))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tly\\&quot;,202))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxw\\&quot;,355))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxh\\&quot;,220))\\n\\t-&gt;addVariable(Variable::set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;conf\\&quot;,0.85))\\n\\t-&gt;addVariable(Variable::set(\\&quot;fontsize\\&quot;,17))\\n\\t-&gt;addVariable(Variable::set(\\&quot;pix\\&quot;,3))\\n\\t-&gt;addVariable(Variable::set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t-&gt;namedTransformation(NamedTransformation::name(\\&quot;bboxdown\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;ice_skating.jpg&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tlx\\&quot;,597))\\n\\t-&gt;addVariable(Variable::set(\\&quot;tly\\&quot;,202))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxw\\&quot;,355))\\n\\t-&gt;addVariable(Variable::set(\\&quot;boxh\\&quot;,220))\\n\\t-&gt;addVariable(Variable::set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;conf\\&quot;,0.85))\\n\\t-&gt;addVariable(Variable::set(\\&quot;fontsize\\&quot;,17))\\n\\t-&gt;addVariable(Variable::set(\\&quot;pix\\&quot;,3))\\n\\t-&gt;addVariable(Variable::set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t-&gt;namedTransformation(NamedTransformation::name(\\&quot;bboxdown\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tly\\&quot;, \\&quot;202\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$pix\\&quot;, \\&quot;3\\&quot;))), array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;))), array(\\&quot;transformation\\&quot;=&gt;array(\\&quot;bboxdown\\&quot;)) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$tly\\&quot;, \\&quot;202\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$pix\\&quot;, \\&quot;3\\&quot;))),\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;))),\\n  array(\\&quot;transformation\\&quot;=&gt;array(\\&quot;bboxdown\\&quot;))\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain() .named(\\&quot;bboxdown\\&quot;)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain()\\n  .named(\\&quot;bboxdown\\&quot;)).imageTag(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxdown\\&quot;]} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;ice_skating.jpg\\&quot;, transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxdown\\&quot;]}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Variables(\\&quot;$tlx\\&quot;, 597).Chain() .Variables(\\&quot;$tly\\&quot;, 202).Chain() .Variables(\\&quot;$boxw\\&quot;, 355).Chain() .Variables(\\&quot;$boxh\\&quot;, 220).Chain() .Variables(\\&quot;$color\\&quot;, !blue!).Chain() .Variables(\\&quot;$object\\&quot;, !jacket!).Chain() .Variables(\\&quot;$conf\\&quot;, 0.85).Chain() .Variables(\\&quot;$fontsize\\&quot;, 17).Chain() .Variables(\\&quot;$pix\\&quot;, 3).Chain() .Variables(\\&quot;$style\\&quot;, !Arial_17!).Chain() .Named(\\&quot;bboxdown\\&quot;)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Variables(\\&quot;$tlx\\&quot;, 597).Chain()\\n  .Variables(\\&quot;$tly\\&quot;, 202).Chain()\\n  .Variables(\\&quot;$boxw\\&quot;, 355).Chain()\\n  .Variables(\\&quot;$boxh\\&quot;, 220).Chain()\\n  .Variables(\\&quot;$color\\&quot;, !blue!).Chain()\\n  .Variables(\\&quot;$object\\&quot;, !jacket!).Chain()\\n  .Variables(\\&quot;$conf\\&quot;, 0.85).Chain()\\n  .Variables(\\&quot;$fontsize\\&quot;, 17).Chain()\\n  .Variables(\\&quot;$pix\\&quot;, 3).Chain()\\n  .Variables(\\&quot;$style\\&quot;, !Arial_17!).Chain()\\n  .Named(\\&quot;bboxdown\\&quot;)).BuildImageTag(\\&quot;ice_skating.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxdown\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxdown\\&quot;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .chain() .setNamed(\\&quot;bboxdown\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;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(\\&quot;bboxdown\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain() .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain() .named(\\&quot;bboxdown\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).chain()\\n  .variables(variable(\\&quot;$tlx\\&quot;,\\&quot;597\\&quot;)).variables(variable(\\&quot;$tly\\&quot;,\\&quot;202\\&quot;)).variables(variable(\\&quot;$boxw\\&quot;,\\&quot;355\\&quot;)).variables(variable(\\&quot;$boxh\\&quot;,\\&quot;220\\&quot;)).variables(variable(\\&quot;$color\\&quot;,\\&quot;!blue!\\&quot;)).variables(variable(\\&quot;$object\\&quot;,\\&quot;!jacket!\\&quot;)).variables(variable(\\&quot;$conf\\&quot;,\\&quot;0.85\\&quot;)).variables(variable(\\&quot;$fontsize\\&quot;,\\&quot;17\\&quot;)).variables(variable(\\&quot;$pix\\&quot;,\\&quot;3\\&quot;)).variables(variable(\\&quot;$style\\&quot;,\\&quot;!Arial_17!\\&quot;)).chain()\\n  .named(\\&quot;bboxdown\\&quot;)).generate(\\&quot;ice_skating.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxdown\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;ice_skating.jpg&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t.addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t.addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t.addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t.addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t.addVariable(Variable.set(\\&quot;conf\\&quot;,0.85))\\n\\t.addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t.addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t.addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;bboxdown\\&quot;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;conf\\&quot;,0.85F))\\n\\t addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t namedTransformation(NamedTransformation.name(\\&quot;bboxdown\\&quot;)) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;ice_skating.jpg\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;tlx\\&quot;,597))\\n\\t addVariable(Variable.set(\\&quot;tly\\&quot;,202))\\n\\t addVariable(Variable.set(\\&quot;boxw\\&quot;,355))\\n\\t addVariable(Variable.set(\\&quot;boxh\\&quot;,220))\\n\\t addVariable(Variable.set(\\&quot;color\\&quot;,\\&quot;blue\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;object\\&quot;,\\&quot;jacket\\&quot;))\\n\\t addVariable(Variable.set(\\&quot;conf\\&quot;,0.85F))\\n\\t addVariable(Variable.set(\\&quot;fontsize\\&quot;,17))\\n\\t addVariable(Variable.set(\\&quot;pix\\&quot;,3))\\n\\t addVariable(Variable.set(\\&quot;style\\&quot;,\\&quot;Arial_17\\&quot;))\\n\\t namedTransformation(NamedTransformation.name(\\&quot;bboxdown\\&quot;)) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [ {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]}, {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]}, {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]}, {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]}, {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]}, {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]}, {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]}, {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]}, {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]}, {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]}, {transformation: [\\&quot;bboxdown\\&quot;]} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;ice_skating.jpg\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$tlx\\&quot;, \\&quot;597\\&quot;]]},\\n  {variables: [[\\&quot;$tly\\&quot;, \\&quot;202\\&quot;]]},\\n  {variables: [[\\&quot;$boxw\\&quot;, \\&quot;355\\&quot;]]},\\n  {variables: [[\\&quot;$boxh\\&quot;, \\&quot;220\\&quot;]]},\\n  {variables: [[\\&quot;$color\\&quot;, \\&quot;!blue!\\&quot;]]},\\n  {variables: [[\\&quot;$object\\&quot;, \\&quot;!jacket!\\&quot;]]},\\n  {variables: [[\\&quot;$conf\\&quot;, \\&quot;0.85\\&quot;]]},\\n  {variables: [[\\&quot;$fontsize\\&quot;, \\&quot;17\\&quot;]]},\\n  {variables: [[\\&quot;$pix\\&quot;, \\&quot;3\\&quot;]]},\\n  {variables: [[\\&quot;$style\\&quot;, \\&quot;!Arial_17!\\&quot;]]},\\n  {transformation: [\\&quot;bboxdown\\&quot;]}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;ice_skating.jpg\\&quot;)\\n  .addVariable(set(\\&quot;tlx\\&quot;, 597))\\n  .addVariable(set(\\&quot;tly\\&quot;, 202))\\n  .addVariable(set(\\&quot;boxw\\&quot;, 355))\\n  .addVariable(set(\\&quot;boxh\\&quot;, 220))\\n  .addVariable(set(\\&quot;color\\&quot;, \\&quot;blue\\&quot;))\\n  .addVariable(set(\\&quot;object\\&quot;, \\&quot;jacket\\&quot;))\\n  .addVariable(set(\\&quot;conf\\&quot;, 0.85))\\n  .addVariable(set(\\&quot;fontsize\\&quot;, 17))\\n  .addVariable(set(\\&quot;pix\\&quot;, 3))\\n  .addVariable(set(\\&quot;style\\&quot;, \\&quot;Arial_17\\&quot;))\\n  .namedTransformation(name(\\&quot;bboxdown\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.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&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;$tlx&quot;:&quot;597&quot;},{&quot;$tly&quot;:&quot;202&quot;},{&quot;$boxw&quot;:&quot;355&quot;},{&quot;$boxh&quot;:&quot;220&quot;},{&quot;$color&quot;:&quot;!blue!&quot;},{&quot;$object&quot;:&quot;!jacket!&quot;},{&quot;$conf&quot;:&quot;0.85&quot;},{&quot;$fontsize&quot;:&quot;17&quot;},{&quot;$pix&quot;:&quot;3&quot;},{&quot;$style&quot;:&quot;!Arial_17!&quot;},{&quot;transformation&quot;:&quot;bboxdown&quot;}],&quot;transformation_string&quot;:&quot;$tlx_597\\\/$tly_202\\\/$boxw_355\\\/$boxh_220\\\/$color_!blue!\\\/$object_!jacket!\\\/$conf_0.85\\\/$fontsize_17\\\/$pix_3\\\/$style_!Arial_17!\\\/t_bboxdown&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;ice_skating.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.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\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.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\/w_500\/ice_skating.jpg\" alt=\"Ice-skating image with blue bounding-box overlaid on the jacket\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"334\"\/><\/a><\/p>\n<h2>Wrapping It Up<\/h2>\n<p>Cloudinary is a box full of tricks, a few of which I used in my object detection demo. I hope you enjoy using it to unbox some of your own images!<\/p>\n<p>In terms of Cloudinary features, there\u2019s so much more to unwrap. Head over to the <a href=\"https:\/\/cloudinary.com\/documentation\">docs<\/a> to learn about <a href=\"https:\/\/cloudinary.com\/documentation\/upload_images\">uploading media<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/image_transformations\">image transformations<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery\">video transformations<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/image_delivery_options\">media delivery<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/asset_administration\">asset administration<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/embed_widgets_players\">widgets and players<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_add_ons\">add-ons<\/a> and much, much more\u2026<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":22381,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[151,300],"class_list":["post-22380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-analysis","tag-user-generated-content"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Object Detection Tutorial with Cloudinary<\/title>\n<meta name=\"description\" content=\"In this blog you will learn about Cloudinary\u2019s object detection demo, and the numerous features it uses.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Unboxing Images to Discover Their Content\" \/>\n<meta property=\"og:description\" content=\"In this blog you will learn about Cloudinary\u2019s object detection demo, and the numerous features it uses.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-06T17:07:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-09T21:50:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2-png?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Unboxing Images to Discover Their Content\",\"datePublished\":\"2021-07-06T17:07:50+00:00\",\"dateModified\":\"2025-03-09T21:50:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA\",\"keywords\":[\"Image Analysis\",\"User-Generated Content\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2021\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\",\"url\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\",\"name\":\"Object Detection Tutorial with Cloudinary\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA\",\"datePublished\":\"2021-07-06T17:07:50+00:00\",\"dateModified\":\"2025-03-09T21:50:24+00:00\",\"description\":\"In this blog you will learn about Cloudinary\u2019s object detection demo, and the numerous features it uses.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unboxing Images to Discover Their Content\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Object Detection Tutorial with Cloudinary","description":"In this blog you will learn about Cloudinary\u2019s object detection demo, and the numerous features it uses.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content","og_locale":"en_US","og_type":"article","og_title":"Unboxing Images to Discover Their Content","og_description":"In this blog you will learn about Cloudinary\u2019s object detection demo, and the numerous features it uses.","og_url":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content","og_site_name":"Cloudinary Blog","article_published_time":"2021-07-06T17:07:50+00:00","article_modified_time":"2025-03-09T21:50:24+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2-png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content"},"author":{"name":"","@id":""},"headline":"Unboxing Images to Discover Their Content","datePublished":"2021-07-06T17:07:50+00:00","dateModified":"2025-03-09T21:50:24+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content"},"wordCount":6,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA","keywords":["Image Analysis","User-Generated Content"],"inLanguage":"en-US","copyrightYear":"2021","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content","url":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content","name":"Object Detection Tutorial with Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA","datePublished":"2021-07-06T17:07:50+00:00","dateModified":"2025-03-09T21:50:24+00:00","description":"In this blog you will learn about Cloudinary\u2019s object detection demo, and the numerous features it uses.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/unboxing_images_to_discover_their_content#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Unboxing Images to Discover Their Content"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719086\/Web_Assets\/blog\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2\/Cld_Blog_FeatImg_June2k21_Unbox-Images_22381462d2.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=22380"}],"version-history":[{"count":5,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22380\/revisions"}],"predecessor-version":[{"id":37197,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22380\/revisions\/37197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/22381"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=22380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=22380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=22380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}