要使用Firebase CloudFuntions生成大小调整后的方形缩略图文件,
<!DOCTYPE html>
<html>
<head>
<title>Edge Demo</title>
<style>
html, body {
height: 100%;
}
.foo {
--display-var: flex;
background: #369;
height: 100%;
align-items: center;
justify-content: center;
}
.make-invisible { display: none; }
.make-visible {
display: block;
display: var(--display-var, block);
}
</style>
</head>
<body>
<div class="foo make-invisible make-visible">I am here!</div>
</body>
</html>
根据Firebase控制台上的日志,无法识别“ -gravity”和“ -extent”选项。
<!DOCTYPE html>
<html>
<head>
<title>Edge Demo</title>
<style>
.foo {
--display-var: flex;
display: none;
}
@media (min-width: 320px) {
.foo {
display: block;
display: var(--display-var, block);
}
}
</style>
</head>
<body>
<div class="foo">I am here!</div>
</body>
</html>
如何裁剪刚刚平方的缩略图文件? 当然,实际上,我可以通过AmazonLinux2上的ImageMagick-6.7.8做到这一点。
const options: string[] = [tmpLocalFilePath, '-thumbnail', '200x200^', '-gravity', 'center', '-extent 200x200', output]
await spawn('convert', option, {capture: ['stdout', 'stderr']});