问题在Javascript中将rgba值转换为一个整数

我已经可以将32位整数转换为它们的rgba值，如下所示：

pixelData[i] = {
        red: pixelValue >> 24 & 0xFF,
        green: pixelValue >> 16 & 0xFF,
        blue: pixelValue >> 8 & 0xFF,
        alpha: pixelValue & 0xFF
    };

但我真的不知道如何扭转它。

3434

2017-07-30 11:35

起源

答案:

要反转它，您只需将字节组合成一个整数。只需使用左移并添加它们即可。

var rgb = (red << 24) + (green << 16) + (blue << 8) + (alpha);

或者，为了使其更安全，您可以首先使用0xFF和每个它们：

var r = red & 0xFF;
var g = green & 0xFF;
var b = blue & 0xFF;
var a = alpha & 0xFF;

var rgb = (r << 24) + (g << 16) + (b << 8) + (a);

（您可以使用按位OR | 代替 + 在这里，结果将是相同的）。

13

2017-07-30 11:41

确实如此。我认为不是因为输入值与输出值不同。仍然不是。不知道那里存储了多少额外的位，但我想它们并不重要。 - skerit

请记住，这不适用于r / g / b / a为整数。必须先将它们明确地转换为字节，然后再将它们相加。 - lunatix

答案:

要反转它，您只需将字节组合成一个整数。只需使用左移并添加它们即可。

var rgb = (red << 24) + (green << 16) + (blue << 8) + (alpha);

或者，为了使其更安全，您可以首先使用0xFF和每个它们：

var r = red & 0xFF;
var g = green & 0xFF;
var b = blue & 0xFF;
var a = alpha & 0xFF;

var rgb = (r << 24) + (g << 16) + (b << 8) + (a);

（您可以使用按位OR | 代替 + 在这里，结果将是相同的）。

13

2017-07-30 11:41

确实如此。我认为不是因为输入值与输出值不同。仍然不是。不知道那里存储了多少额外的位，但我想它们并不重要。 - skerit

请记住，这不适用于r / g / b / a为整数。必须先将它们明确地转换为字节，然后再将它们相加。 - lunatix

热门问题

不使用eval / new函数的JavaScript模板库当涉及内部类时，Java继承如何工作 .NET Windows服务的奇怪问题在.ipa或.app下查找App ID 快速入门XSLT参考[关闭] 如何找出Android应用程序中未使用的资源 Ruby中并发的同步方法[重复] 将std :: chrono :: system_clock :: time_point转换为struct timeval并返回 Google Drive API V3（javascript）更新文件内容 Bootstrap 3.0 - 将元素推到底部受密码保护的.NET ClickOnce部署？如何用postgresql安装wordpress coq Set或Type如何成为命题硒滚动元素进入（中心）视图在Spring Transaction JUnit测试中自动装配Hibernate会话的正确方法 Git的Dockerfile策略如何在FOS_PICKFOLDER中使用IFileDialog，同时仍在对话框中显示文件名在Firefox扩展中复制Google Chrome浏览器操作弹出效果 CakePHP找到MAX 芹菜 - 完成任务的召唤功能从使用fmemopen创建的流中读取宽字符 .NET是否为每个程序集创建一个字符串实习池？ DefaultModelBinder不绑定嵌套模型 Navigator.MediaDevices.getUserMedia（）使用了哪些相机通信标准？选择命名空间名称时应该知道什么？ cout Swagger Codegen CLI Java客户端 - 如何正确使用它一个很好的哈希函数用于采访整数，字符串？ Maven 3 ciManagement配置的目的是什么？如何通过语言文化获取代码页？