转换简单的 JavaScript 代码

本文关键字:代码 JavaScript 简单 转换 | 更新日期: 2023-09-27 18:34:06

我一直在尝试转换这个从图像中获取主色的 JavaScript 代码,到目前为止没有成功。我在colorCountcolor变量中出现错误。我不知道用于这些变量的合适和等效数据类型。这是我的代码:

public string dominantColor(Bitmap img)
{
       int[] colorCount = new int[0];
       int maxCount = 0;
       string dominantColor = "";
       // data is an array of a series of 4 one-byte values representing the rgba values of each pixel
       Bitmap Bmp = new Bitmap(img);
       BitmapData BmpData = Bmp.LockBits(new Rectangle(0, 0, Bmp.Width, Bmp.Height), ImageLockMode.ReadOnly, Bmp.PixelFormat);
       byte[] data = new byte[BmpData.Stride * Bmp.Height];

       for (int i = 0; i < data.Length; i += 4) 
       {
            // ignore transparent pixels
            if (data[i+3] == 0)
                continue;
            string color = data[i] + "." + data[i+1] + "," + data[i+2];
            // ignore white
            if (color == "255,255,255")
               continue;
            if (colorCount[color] != 0)
               colorCount[color] = colorCount[color] + 1;
            else
               colorCount[color] = 0;
            // keep track of the color that appears the most times
            if (colorCount[color] > maxCount)
            {
                 maxCount = colorCount[color];
                 dominantColor = color.ToString;
            }
       }
       string rgb = dominantColor.Split(",");
       return rgb;   
}

转换简单的 JavaScript 代码

我会给你一个完整的代码托管版本:

static Color dominantColor(Bitmap img)
{
    Hashtable colorCount = new Hashtable();
    int maxCount = 0;
    Color dominantColor = Color.White;
    for (int i = 0; i < img.Width; i++)
    {
        for (int j = 0; j < img.Height; j++)
        {
            var color = img.GetPixel(i, j);
            if (color.A == 0)
                continue;
            // ignore white
            if (color.Equals(Color.White))
                continue;
            if (colorCount[color] != null)
                colorCount[color] = (int)colorCount[color] + 1;
            else
                colorCount.Add(color, 0);
            // keep track of the color that appears the most times
            if ((int)colorCount[color] > maxCount)
            {
                maxCount = (int)colorCount[color];
                dominantColor = color;
            }
        }
    }
    return dominantColor;
}

那么这里有什么区别呢?- 我使用哈希表而不是你的数组(你永远不会重新定义它的维度 - 使用JavaScript可扩展对象的最佳方法是哈希表(- 我更喜欢使用已经包含的结构颜色(为字母,红色,绿色,蓝色节省4个字节(- 我也做比较并返回这个结构(然后你可以自由地做任何你想做的事情 - 在 JavaScript 中使用这些字符串只是一种解决方法,因为浏览器只是给你这样的 RGB(a( 字符串(

代码中的另一个问题是包含 byte[] 数据的行 = new byte[BmpData.Stride * Bmp.Height]; - 您的数组已创建并初始化,但没有数据(.NET 将擦除所有以前的数据,从而导致大量零(。因此,您将不会在任何地方。

我的版本的缺点是它确实非常小(这是您的锁位发挥作用的地方(。如果您愿意,我可以为您提供非托管版本(使用锁位和不安全块(。取决于性能是否对您很重要以及您是否感兴趣!