【问题标题】:How to compute an image's compute transparent all around area?如何计算图像在整个区域的计算透明性?
【发布时间】:2016-09-01 09:03:55
【问题描述】:

就像这张图片,红色边框表示图像的大小,绿色边框表示图像的可见大小,绿色边界之外是 alpha 像素。如何计算可见帧?

两种计算机语言都可以。

【问题讨论】:

  • 使用 javascript,您可以在画布中加载此图像,循环像素以获取 alpha 通道,并获取 x 和 y 的最小值和最大值,其中 alpha 不为 0。然后,您可以裁剪图像。但如果你想裁剪多张图片,请查看Photoshop script

标签: javascript java android ios c


【解决方案1】:
// This function will return object with properties like left, top position and width & height of green box.
//@imgObj : Image Object of target image (.png)

 function getImageDetails(imgObj)
 {
    var cns = document.createElement("canvas");

    cns.width = imgObj.width;
    cns.height = imgObj.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(imgObj,0,0,cns.width,cns.height);

    var imgData = ctx.getImageData(0, 0, cns.width, cns.height).data;
    var minCol,maxCol,curCol,
        minRow,maxRow,curRow;

    for (var i = 0; i < imgData.length; i += 4) {
         var index = Math.floor(i/4);
         curCol = index%cns.width;
         curRow = Math.floor(index/cns.width);
         if( imgData[i] != 0 || 
             imgData[i + 1] != 0 || 
             imgData[i + 2] != 0 || 
             imgData[i + 3] != 0)
         {
             minCol = minCol == undefined || minCol > curCol ? curCol : minCol;
             maxCol = maxCol == undefined || maxCol < curCol ? curCol : maxCol;
             minRow = minRow == undefined || minRow > curRow ? curRow : minRow;
             maxRow = maxRow == undefined || maxRow < curRow ? curRow : maxRow;
         }
    }

    var details = new Object();

    details.x = minCol;
    details.y = minRow;
    details.width = maxCol-minCol+1;
    details.height = maxRow-minRow+1;

    return details  
 }

【讨论】:

    猜你喜欢
    • 2020-03-08
    • 1970-01-01
    • 1970-01-01
    • 2011-07-17
    • 2015-08-02
    • 1970-01-01
    • 2018-08-21
    • 1970-01-01
    • 2021-05-24
    相关资源
    最近更新 更多