Question

使用一些数学，我创建了下面的java函数，输入一个Bitmap，并让它裁剪出一个居中的正方形，其中一个圆圈再次被裁剪出来，周围有一个黑色边框。广场的其余部分应该是透明的。此外，通过信使发送图像时，两侧的透明距离不会损坏预览。

我的功能代码如下：

 public static Bitmap edit_image(Bitmap src,boolean makeborder) {
        int width = src.getWidth();
        int height = src.getHeight();
        int A, R, G, B;
        int pixel;

        int middlex = width/2;
        int middley = height/2;

        int seitenlaenge,startx,starty;
        if(width>height) 
        {
            seitenlaenge=height;
            starty=0;

            startx = middlex - (seitenlaenge/2);
        }
        else 
        {
            seitenlaenge=width; 
            startx=0;

            starty = middley - (seitenlaenge/2);
        }

        int kreisradius = seitenlaenge/2;
        int mittx = startx + kreisradius;
        int mitty = starty + kreisradius;
        int border=2;
        int seitenabstand=55;

        Bitmap bmOut = Bitmap.createBitmap(seitenlaenge+seitenabstand, seitenlaenge+seitenabstand, Bitmap.Config.ARGB_8888);
        bmOut.setHasAlpha(true);

        for(int x = 0; x < width; ++x) {
            for(int y = 0; y < height; ++y) {
                int distzumitte = (int) (Math.pow(mittx-x,2) + Math.pow(mitty-y,2)); // (Xm-Xp)^2 + (Ym-Yp)^2 = dist^2
                distzumitte = (int) Math.sqrt(distzumitte);

                pixel = src.getPixel(x, y);

                A = Color.alpha(pixel);
                R = (int)Color.red(pixel);
                G = (int)Color.green(pixel);
                B = (int)Color.blue(pixel);
                int color = Color.argb(A, R, G, B);

                int afterx=x-startx+(seitenabstand/2);
                int aftery=y-starty+(seitenabstand/2);

                if(x < startx || y < starty || afterx>=seitenlaenge+seitenabstand || aftery>=seitenlaenge+seitenabstand) //seitenrand
                {
                    continue;
                }
                else if(distzumitte > kreisradius)
                {
                    color=0x00FFFFFF;
                }
                else if(distzumitte > kreisradius-border && makeborder) //border
                {
                    color = Color.argb(A, 0, 0, 0);
                }
                bmOut.setPixel(afterx, aftery, color);
            }
        }

        return bmOut;
    }

这个功能运行正常，但是出现了一些我无法解决的问题。

图像质量显着下降
边框不是很圆，但在图像的边缘看起来是平的（在某些设备上？！）

我很感激有关这些问题的任何帮助。我不得不承认我不是数学方面最好的，应该有一个更好的公式来终止边界。

Answer 1

您的源代码难以阅读，因为它是变量名称中的德语和英语的混合。此外，您没有说明您使用的是哪个图像库，因此我们并不确切知道Bitmap和Color类的来源。

无论如何，很明显，您只在Bitmap上运行。位图意味着整个图像逐像素地存储在RAM中。没有有损压缩。我在源代码中看不到任何可能影响图像质量的内容。

很可能，答案在您未向我们展示的守则中。此外，您所描述的（问题的botrh）听起来像一个非常典型的低质量JPEG压缩。我确定，在您调用函数之后的某个地方，您将图像转换/保存为JPEG。 尝试在该位置执行BMP，TIFF或PNG ，并看到错误消失。也许你也可以在某处设置JPEG的质量等级以避免这种情况。

为了让其他人（也许）更容易找到一个好的答案，请允许我将您的代码翻译成英文：

    public static Bitmap edit_image(Bitmap src,boolean makeborder) {
        int width = src.getWidth();
        int height = src.getHeight();
        int A, R, G, B;
        int pixel;

        int middlex = width/2;
        int middley = height/2;

        int sideLength,startx,starty;
        if(width>height) 
        {
            sideLength=height;
            starty=0;

            startx = middlex - (sideLength/2);
        }
        else 
        {
            sideLength=width; 
            startx=0;

            starty = middley - (sideLength/2);
        }

        int circleRadius = sideLength/2;
        int middleX = startx + circleRadius;
        int middleY = starty + circleRadius;
        int border=2;
        int sideDistance=55;

        Bitmap bmOut = Bitmap.createBitmap(sideLength+sideDistance, sideLength+sideDistance, Bitmap.Config.ARGB_8888);
        bmOut.setHasAlpha(true);

        for(int x = 0; x < width; ++x) {
            for(int y = 0; y < height; ++y) {
                int distanceToMiddle = (int) (Math.pow(middleX-x,2) + Math.pow(middleY-y,2)); // (Xm-Xp)^2 + (Ym-Yp)^2 = dist^2
                distanceToMiddle = (int) Math.sqrt(distanceToMiddle);

                pixel = src.getPixel(x, y);

                A = Color.alpha(pixel);
                R = (int)Color.red(pixel);
                G = (int)Color.green(pixel);
                B = (int)Color.blue(pixel);
                int color = Color.argb(A, R, G, B);

                int afterx=x-startx+(sideDistance/2);
                int aftery=y-starty+(sideDistance/2);

                if(x < startx || y < starty || afterx>=sideLength+sideDistance || aftery>=sideLength+sideDistance) //margin
                {
                    continue;
                }
                else if(distanceToMiddle > circleRadius)
                {
                    color=0x00FFFFFF;
                }
                else if(distanceToMiddle > circleRadius-border && makeborder) //border
                {
                    color = Color.argb(A, 0, 0, 0);
                }
                bmOut.setPixel(afterx, aftery, color);
            }
        }

        return bmOut;
    }

Answer 2

我认为您需要检查PorterDuffXferMode。

您将找到有关合成图像模式HERE的一些技术信息。

有一些使用圆边HERE制作位图的好例子。你只需要调整一点源代码就可以了......

希望它会有所帮助。

Answer 3

关于质量，我看不出你的方法有什么问题。使用Java Swing运行代码没有质量丢失。唯一的问题是图像有别名边。

随着屏幕分辨率的增加，混叠问题将逐渐消失，对于较低分辨率会更明显。这可能解释了为什么你只在某些设备上看到它。同样的问题适用于你的边框，但在这种情况下，由于颜色是单一的黑色，它会更加明显。

您的算法定义了原始图像的方形区域。要查找正方形，请从图像的中心开始，然后展开到图像的width或height中较小者。我将此区域称为square。

别名是由设置颜色的代码引起的（我正在使用伪代码）：

if ( outOfSquare() ) {
    continue;  // case 1: this works but you depend upon the new image' s default pixel value i.e. transparent black
} else if ( insideSquare() && ! insideCircle() ) {
    color = 0x00FFFFFF;  // case 2: transparent white. <- Redundant
} else if ( insideBorder() ) {  
    color = Color.argb(A, 0, 0, 0);  // case 3: Black color using the transparency of the original image. 
} else { // inside the inner circle 
    // case 4: leave image color
}

关于代码的一些注释：

情况1取决于原始图像的默认像素值，即透明黑色。它可以更好地明确地设置它
案例2是多余的。处理它的方式与处理案例1的方式相同。我们只对圈内发生的事情感兴趣。
案例3（绘制边框时）不清楚它的期望。如果原始alpha沿着圆的边缘变化，则使用原始图像的alpha可能会弄乱新图像。所以这显然是错误的，取决于图像，可能是你问题的另一个原因。
案例4没问题。

现在，在您的圆周边，会发生以下颜色过渡：

如果未使用边框：完全透明->完整图像颜色（伪代码中的情况2和4）
如果使用边框：完全透明->全黑->全图像颜色（案例2,3和4）

为了在边缘获得更好的质量，您需要引入一些中间状态，使过渡更平滑（新的过渡以斜体显示）：

未使用边框：完全透明-> 图像颜色的部分透明度 ->完整图像颜色
使用边框：完全透明-> 黑色部分透明度 ->全黑色-> 黑色部分透明度+图像颜色（即混合） ->全图像颜色

我希望有帮助

裁剪图像会降低质量，边框看起来很糟糕

3 个答案: