Extract a region of the image

Extract transformation allows users to remove a specified region of an image. It involves selecting a particular area of interest from an image and removing the remaining background or unwanted pixels. Extraction (cropping) of a certain part can be useful when the user doesn’t want to resize an image.

---

Params

Top (t)

Zero-indexed offset from the top edge.

Left (l)

Zero-indexed offset from the left edge.

Height (h)

Height of the region to extract.

Width (w)

Width of the region to extract.

Extract

We have extracted a region with dimensions, t:100,l:100,h:600,w:1000, from the original image.

URL

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg

React

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg" />

JavaScript

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"extract","plugin":"t","values":[{"key":"t","value":"100"},{"key":"l","value":"100"},{"key":"h","value":"600"},{"key":"w","value":"1000"}]}],
    filePath: "images/transformation/lady.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg

Node.js

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"extract","plugin":"t","values":[{"key":"t","value":"100"},{"key":"l","value":"100"},{"key":"h","value":"600"},{"key":"w","value":"1000"}]}],
    filePath: "images/transformation/lady.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg

Python

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [{"name":"extract","plugin":"t","values":[{"key":"t","value":"100"},{"key":"l","value":"100"},{"key":"h","value":"600"},{"key":"w","value":"1000"}]}],
    "filePath": "images/transformation/lady.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg

Golang

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{
		{"plugin": "t", "name": "extract", "values": []map[string]interface{}{ {"key": "t", "value": "100"},{"key": "l", "value": "100"},{"key": "h", "value": "600"},{"key": "w", "value": "1000"},}},
        },
        "filePath": "images/transformation/lady.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg

Kotlin

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(
		TransformationObj( plugin = "t", name = "extract", values = hashMapOf( "t" to "100","l" to "100","h" to "600","w" to "1000"), )
        ),
        filePath = "images/transformation/lady.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg
}

C#

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/lady.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {
			new UrlTransformation(plugin: "t", name: "extract", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "100" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "100" } }, new Dictionary<string, string>() { { "key", "h" }, { "value", "600" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "1000" } }} )
                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg
         }
    }
}

PHP

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    	["plugin" => "t", "name" => "extract", "values" => [ [ "key" => "t", "value" => "100" ], [ "key" => "l", "value" => "100" ], [ "key" => "h", "value" => "600" ], [ "key" => "w", "value" => "1000" ], ], ],
    ],
    "filePath" => "images/transformation/lady.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extract(t:100,l:100,h:600,w:1000)/images/transformation/lady.jpeg
?>

Original

URL

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg

React

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg" />

JavaScript

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [],
    filePath: "images/transformation/lady.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg

Node.js

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [],
    filePath: "images/transformation/lady.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg

Python

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [],
    "filePath": "images/transformation/lady.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg

Golang

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{

        },
        "filePath": "images/transformation/lady.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg

Kotlin

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(

        ),
        filePath = "images/transformation/lady.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg
}

C#

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/lady.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {

                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg
         }
    }
}

PHP

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    
    ],
    "filePath" => "images/transformation/lady.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/lady.jpeg
?>