分类导航

程序笔记发布时间：2022-07-15 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了Azure Computer Vision 之 Smart Crop 智能裁剪图片，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

前言

一个网站通常有许多地方会用到同一张图，但是比例又不一样.

一般的做法就是用 CSS 的 cover 和 contain 来处理.

由于 cover 只会保留中间信息, 所以很多时候需要人工裁剪.

于是就有了智能裁剪的需求了.

Azure Computer Vision

参考:

官网示范

Azure Computer Vision 之 Smart Crop 智能裁剪图片

价格

价格还可以

Azure Computer Vision 之 Smart Crop 智能裁剪图片

Azure SDK for .NET

Sample code

实现步骤

1. 到 Azure portal 创建 Computer Vision

Azure Computer Vision 之 Smart Crop 智能裁剪图片

没有什么特别的, 默认就可以了 (注: 一个 account 只能有一个 free 的 Computer Vision 哦)

2. 进入 Computer Vision resource > Keys and Endpoint 把 key 和 endpoint 抄起来

Azure Computer Vision 之 Smart Crop 智能裁剪图片

3. 安装 SDK

dotnet add package Microsoft.Azure.Cognitiveservices.Vision.ComputerVision

2 个核心功能, 第 1 个是获取全图焦点, 第 2 个是给定要求智能裁剪

[httpPost("smartCrop")]
public async Task<ActionResult> smartCropAsync()
{
    var subscriptionKey = "key";
    var endpoint = "https://jbreviews-cv.cognitiveservices.azure.com/";
    var client = new ComputerVisionClient(new ApiKeyserviceClientCredentials(subscriptionKey))
    {
        Endpoint = endpoint
    };
    var imageFileFullPath = @"WebApiControllerTestsmartCrop10.png";
    using var imageStream = new FileStream(imageFileFullPath, FileMode.open);
    // get area of interest
    var areaOfInterestResult = await client.GetAreaOfInterest@R_874_8566@eamAsync(imageStream); // 这里返回之后 imageStream 就自动被 close 了
    using var image = Image.Load(imageFileFullPath);
    var croppedImage = image.Clone(imageProcessing =>
    {
        imageProcessing.Crop(new Rectangle(
            x: areaOfInterestResult.AreaOfInterest.X,
            y: areaOfInterestResult.AreaOfInterest.Y,
            width: areaOfInterestResult.AreaOfInterest.W,
            height: areaOfInterestResult.AreaOfInterest.H)
        );
    });
    croppedImage.SaveAsJpeg(
        @"WebApiControllerTestsmartCrop11.png", new SixLabors.ImageSharp.Formats.Jpeg.JpegEncoder
        {
            Quality = 85
        }
    );
    
    // get smart crop image
    using var imageStream2 = new FileStream(imageFileFullPath, FileMode.open);
    var croppedImageStream = await client.GenerateThumbnail@R_874_8566@eamAsync(300, 100, imageStream2, smartCropping: true);
    using var imageFileStream = System.IO.File.Create(@"WebApiControllerTestsmartCrop12.png");
    croppedImageStream.CopyTo(imageFileStream);
    return Ok();
}