본문으로 건너뛰기

이미지 에디터블

번역 준비중

이 문서의 한국어 번역을 준비중입니다. 아래는 영어 원문입니다.

{
"resources": {
"image_1": {
"source": {
"remote_url": "https://cdn.shakr.com/logo1.png"
},
"transform": {
"crop_strategy": "cover"
}
},
"image_2": {
"source": {
"remote_url": "https://cdn.shakr.com/logo2.png"
},
"transform": {
"crop_strategy": "contain"
}
},
"image_3": {
"source": {
"remote_url": "https://cdn.shakr.com/logo3.png"
},
"transform": {
"crop_x": 0,
"crop_y": 376,
"crop_width": 784,
"crop_height": 418,
"crop_strategy": "manual"
}
}
}
}

How to customize source for image editable

Support remote_url only.

How to customize transform for image editable

Support crop_strategy for image editable. There are 3 crop strategies can use.

cover

Image will be cropped to ensure maximum fill within the frame.

contain

Image will be contained without cropping. Preserves the full image within the frame. Useful for product images or logos with transparent background.

manual

Fully defining how to crop it. If you want to use this strategy, need 4 more parameters.

NameDescription
crop_xStarting point of x-axis to crop.
crop_yStarting point of y-axis to crop.
crop_widthHow many pixels do you want to crop in width.
crop_heightHow many pixels do you want to crop in height.