thumbnails - 拇指//裁剪和 "zoom"

Question

我对thumbor 很陌生，但我想知道是否可以使用我还不知道的特定选项来“放大”图像。

下面的简单示例:



到目前为止，我所理解的可能是，这可能意味着调整到特定区域的大小。但是我缺乏找到正确选项的经验(如果这可以通过拇指实现)

Answer 1

我一直在处理另一个 answer在这个线程中并且已经被完全阻止，直到我意识到它不太准确。您无需调整图像大小并执行手动裁剪。公平地说，文档也可以更清楚地说明如何做到这一点。

通过反复试验，我发现所需的左上角和右下角裁剪点必须从未缩放的图像中确定，并且它们都必须从未缩放的图像的绝对左上角测量。此外，没有要计算的缩放/缩放值 - 只有最终大小输出计数。下面是一个示例用例来解释

我们有一个 1000 x 2000 的图片网址

我们希望最终输出为 30x30

我们想要的裁剪是 200 x 200 部分

我们想要的裁剪距左边 81 像素，距顶部 93 像素

这导致

裁剪 81x93 的左侧和顶部(从未缩放的左上角测量)

裁剪 281x293 的右侧和底部(从未缩放的左上角测量)

最终输出为 30x30

您的 url 操作字符串参数将是

81x93:281x293/30x30/

请注意，除非您按照文档处于不安全模式，否则您无法在生成 url 后随意操作 url 值，因为 url 中的哈希值是由上面的操作字符串 + 原始 url 组成的，并用您的拇指键加盐。请注意，/包含在上述操作字符串的末尾。这个散列码取自 here

import crypto from 'crypto-js';
var key = crypto.HmacSHA1(operation + imagePath, thumborKey);
key = crypto.enc.Base64.stringify(key);
key = key.replace(/\+/g, '-').replace(/\//g, '_');

新网址如下。注意/被合并在上面的操作字符串的末尾

var newURL =  
thumborServerUrl + '/' + 
key + '/' + 
operation + imagePath;

// https://imgs.mysite.com/ajs3kdlfog7prjcme9idgs/81x93:281x293/30x30/https%3A%2F%2Fmysite.s3.amazonaws.com%2Fuser%2Fmy-image.jpg