如何使用特定的坐标或比率来执行 Cloudinary 作物变换?

问题描述 投票:0回答:1

我正在创建一个社交媒体网站。该网站有一个上传您的个人资料照片的页面。然后,我使用一个绝对定位的 div,用户可以四处移动并基本上“标记”他们的照片。所以,我有左和上,甚至是它们在图像上的位置的 X 和 Y 比例...我设置了后端以将图像上传到 Cloudinary,但现在当我需要访问图像 URL 并发送时它返回给客户端,我想执行转换。聊天 GPT 将我放在带有 w、h 的 c_crop 上,但它一直告诉我使用“g_custom:x_0.5,y_0.5”或类似的东西来定位它。我尝试查看 Cloudinary 文档,但它都是关于自动重力的,并提到过一次 g_custom,但它没有提供任何其他信息...我不知道我是否错过了某些内容或什么,但请帮助。

以下是我尝试过的 Chat GPT 推荐的一些 URL..

https://res.cloudinary.com/demo/image/upload/g_custom:0.5:0.5,c_crop,h_300,w_300/sample.jpg (根本没用)

https://res.cloudinary.com/demo/image/upload/g_custom:face,c_crop,h_300,w_300/sample.jpg (有效,但是...它不允许我使用我的比率!)

https://res.cloudinary.com/demo/image/upload/c_crop,g_custom,x_0.2,y_0.3,w_0.5,h_0.5/sample.jpg (有效,但是......改变 x 或 y 绝对没有任何作用!)

请注意,更改 x 和 y 对裁剪焦点没有帮助。 (顺便说一句,我今天确实学到了 Cloudinary,所以我仍然不确定重力术语,我相信它只是作物的“焦点”或中心......)

谢谢大家!

cloudinary
1个回答
0
投票

g_custom 请求裁剪使用的坐标已通过 API 或 UI 添加到资产的元数据中:https://cloudinary.com/documentation/resizing_and_cropping#fixed_coordinates_cropping

要在 URL 中手动选择 x/y 坐标,您可以完全省略

g
参数,然后添加 x/y 值以及宽度和高度:https://cloudinary.com/documentation/resizing_and_cropping#fixed_coordinates_cropping

示例:https://res.cloudinary.com/demo/image/upload/c_crop,x_0.2,y_0.3,w_0.5,h_0.5/sample.jpg

© www.soinside.com 2019 - 2024. All rights reserved.