检测并删除图像中的特定像素

Question

是否可以（动态）检测图像的白色像素并将其删除？实际上，我在舞台上加载了一些图像，但它们是正方形的，而实际图像不是正方形大小的。所以我想让点击区域完全符合图像的形状，而不是它们所具有的白色边框。

ps：在动作脚本中:)

Answer 1

您可以通过循环遍历像素来完成此操作，从左上角开始，一次循环一个，然后右下角，直到找到非白色像素。有点像这样...

首先使用 getPixel

var j:Number = 0;
var i:Number = 0;
var tl_corner:Point; // top left corner
var br_corner:Point; // bottom right corner

for (j = 0; j < imageBitmapData.height; j++) {
    for (i = 0; i < imageBitmapData.width; i++) {
        if (imageBitmapData.getPixel(i, j) != 0xFFFFFF) {
            tl_corner = new Point(i, j)
        }
    }
}


for (j = imageBitmapData.height - 1; j >= 0; j--) {
    for (i = imageBitmapData.width - 1; i >= 0; i--) {
        if (imageBitmapData.getPixel(i, j) != 0xFFFFFF) {
            br_corner = new Point(i, j)
        }
    }
}

现在您有了实际图像的左上角和右下角，没有白色。

使用 copyPixels

var bmd:BitmapData = new BitmapData(br_corner.x - tl_corner.x, br_corner.y - tl_corner.y, false, 0x00000000);
bmd.copyPixels(imageBitmapData, new Rectangle(tl_corner.x, tl_corner.y, (br_corner.x - tl_corder.y), (br_corner.y - tl_corner.y)), new Point(0, 0));

现在 您有一个 BitmapData 对象，其中仅包含您想要的像素。随意处理它，也许：

var s:Sprite = new Sprite();
var bmp:Bitmap = new Bitmap(bmd);
s.addChild(bmp);

Answer 2

您可以循环访问位图数据，检查每个像素并查看其颜色是否与白色边框匹配，但如果图像中存在其他白色像素，则可能会遇到麻烦，除非您只检查图像上的某些位置，并且实际上这已经开始听起来很乱。

编辑：
据我了解，您的图像外部带有白色边框，并且您不希望边框成为 hiarea 的一部分。我建议您编辑图像（在 Photoshop 外部）并删除白色边框。

然后使用 ActionScript 将这些白色边框重新创建为单独的图像。检查实际图像的大小，然后创建一个大一点的精灵并用白色填充它并不会太难。然后将实际图像放在其上面并居中。所以现在看起来图像有边框。您可以将白色填充图像和实际图像都放置在一个容器中，以便将它们作为一个整体轻松移动。您还可以轻松地将图像设置为命中区域而不是边框​​。