草庐IT

ios - MTKView显示宽色域P3色彩空间

coder 2023-09-04 原文

我正在构建基于CIFilters和MetalKit的实时照片编辑器。但是我在MTKView中显示宽色域图像时遇到了一个问题。

标准sRGB图像显示效果很好,但是显示P3图像被冲洗掉了。

我尝试将CIContext.render色彩空间设置为图像色彩空间,但仍然遇到问题。

以下是代码片段:

 guard let inputImage = CIImage(mtlTexture: sourceTexture!) else { return }
                let outputImage = imageEditor.processImage(inputImage)
                print(colorSpace)
                context.render(outputImage,
                               to: currentDrawable.texture,
                               commandBuffer: commandBuffer,
                               bounds: inputImage.extent,
                               colorSpace: colorSpace)
                commandBuffer?.present(currentDrawable)

let pickedImage = info[UIImagePickerControllerOriginalImage] as! UIImage
        print(pickedImage.cgImage?.colorSpace)
        if let cspace = pickedImage.cgImage?.colorSpace {
            colorSpace = cspace
        }

我在Apple开发人员论坛上发现了类似的问题,但没有任何答案:https://forums.developer.apple.com/thread/66166

最佳答案

为了支持宽色域,您需要将MTKView的colorPixelFormat设置为BGRA10_XRbgra10_XR_sRGB。我怀疑iOS上将不支持macOS MTKViews的colorSpace属性,因为iOS中的颜色管理不是事件的而是有针对性的(请阅读Best practices for color management)。

如果没有看到您的图像及其实际值,就很难诊断,但是我将解释我的发现和实验。我建议您像调试一样开始调试单个颜色。

例如,P3颜色空间中最红的一点是什么?可以通过UIColor定义如下:

UIColor(displayP3Red: 1, green: 0, blue: 0, alpha: 1)

将UIButton添加到您的 View 中,并将背景设置为该颜色,以进行调试。您可以通过代码获取组件,以查看这些值在sRGB中的含义,
    var fRed : CGFloat = 0
    var fGreen : CGFloat = 0
    var fBlue : CGFloat = 0
    var fAlpha : CGFloat = 0
    let c = UIColor(displayP3Red: 1, green: 0, blue: 0, alpha: 1)
    c.getRed(&fRed, green: &fGreen, blue: &fBlue, alpha: &fAlpha)

或者您可以在macOS Color Sync Utility中使用计算器,



确保选择扩展范围,否则值将被限制为0和1。

因此,如您所见,您的P3(1,0,0)对应于扩展sRGB中的(1.0930,-0.2267,-0.1501)。

现在,回到您的MTKView
  • 如果将MTKView的colorPixelFormat设置为.BGRA10_XR,那么如果着色器的输出为,则将获得最亮的红色,

    (1.0930,-0.2267,-0.1501)
  • 如果将MTKView的colorPixelFormat设置为.bgra10_XR_sRGB,则如果着色器的输出为,则将获得最亮的红色,

    (1.22486,-0.0420312,-0.0196301)

    因为您必须编写线性RGB值,所以此纹理格式将为您应用 Gamma 校正。由于存在负值,因此在应用反 Gamma 时要格外小心。我用这个功能
    let f = {(c: Float) -> Float in
        if fabs(c) <= 0.04045 {
            return c / 12.92
        }
        return sign(c) * powf((fabs(c) + 0.055) / 1.055, 2.4)
    }
    

  • 最后缺少的部分是创建一个色域UIImage。将颜色空间设置为CGColorSpace.displayP3并复制数据。但是什么数据,对不对?此图像中最亮的红色将是
    (1, 0, 0)
    

    或(65535,0,0)以16位整数表示。

    我在代码中所做的是使用.rgba16Unorm纹理在displayP3颜色空间中处理图像,其中(1、0、0)将是P3中最亮的红色。这样,我可以直接将其内容复制到UIImage。然后,为了显示,我将颜色转换传递给着色器,以在显示之前从P3转换为扩展的sRGB(因此,不饱和颜色)。我使用线性颜色,所以我的变换只是一个3x3矩阵。我将 View 设置为.bgra10_XR_sRGB,因此 Gamma 将自动为我应用。

    该(主要列)矩阵是,
     1.2249  -0.2247  0
    -0.0420   1.0419  0
    -0.0197  -0.0786  1.0979
    

    您可以在此处了解我的生成方式:Exploring the display-P3 color space

    这是我使用UIButtons和MTKView(在iPhoneX上截屏)构建的示例,



    左边的按钮是sRGB上最亮的红色,而右边的按钮使用的是displayP3颜色。在中间,我放置了一个MTKView,它输出如上所述的变换后的线性颜色。

    相同的绿色实验


    现在,如果您在最近的iPhone或iPad上看到此消息,则应该看到中间的正方形和右侧的按钮都具有相同的亮色。如果您在无法显示它们的Mac上看到此消息,则向左按钮将显示相同的颜色。如果您在没有适当的色彩管理的Windows机器或浏览器中看到这种情况,则左按钮也可能显示为不同的颜色,但这仅是因为整个图像被解释为sRGB,并且显然那些像素具有不同的值...但是外观将不正确。

    如果您需要更多引用,请检查我在此处添加的testP3UIColor单元测试:ColorTests.swift

    我用来初始化UIImage的函数:Image.swift

    和一个示例应用程序来尝试进行转换:SampleColorPalette

    我还没有尝试过CIImages,但是我猜想同样的原理也适用。

    希望这些信息对您有所帮助。我还花了很长时间弄清楚如何正确显示颜色,因为在Metal SDK文档中找不到任何对displayP3支持的明确引用。

    关于ios - MTKView显示宽色域P3色彩空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45295689/

    有关ios - MTKView显示宽色域P3色彩空间的更多相关文章

    1. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

      我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

    2. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

      我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

    3. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

      所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

    4. ruby-on-rails - link_to 不显示任何 rails - 2

      我试图在索引页中创建一个超链接,但它没有显示,也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线,我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

    5. ruby-on-rails - 如何在 Rails View 上显示错误消息? - 2

      我是rails的新手,想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围,如果不在范围内则返回错误信息。我可以检查上面代码的范围,但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单,一种显示ActiveRecord模型实例属性的表单。c

    6. ruby - 如何验证 IO.copy_stream 是否成功 - 2

      这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同,而不是下载一半的损坏文件?documentation说IO.copy_stream返回它复制的字节数,但是当我还没有下

    7. Ruby 文件 IO 定界符? - 2

      我正在尝试解析一个文本文件,该文件每行包含可变数量的单词和数字,如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件?有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符? 最佳答案 接受的答案将slurp文件,这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的,将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

    8. ruby-on-rails - 复数 for fields_for has_many 关联未显示在 View 中 - 2

      目前,Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段,但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联,它们似乎是正确的,这可能与嵌套在公司下的项目有关,还是我遗漏了其他东西?提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关,但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi

    9. ruby-on-rails - 从应用程序中自定义文件夹内的命名空间自动加载 - 2

      我们目前正在为ROR3.2开发自定义cms引擎。在这个过程中,我们希望成为我们的rails应用程序中的一等公民的几个类类型起源,这意味着它们应该驻留在应用程序的app文件夹下,它是插件。目前我们有以下类型:数据源数据类型查看我在app文件夹下创建了多个目录来保存这些:应用/数据源应用/数据类型应用/View更多类型将随之而来,我有点担心应用程序文件夹被这么多目录污染。因此,我想将它们移动到一个子目录/模块中,该子目录/模块包含cms定义的所有类型。所有类都应位于MyCms命名空间内,目录布局应如下所示:应用程序/my_cms/data_source应用程序/my_cms/data_ty

    10. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

      1.错误信息:Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者:Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因:docker使用的镜像网址默认为国外,下载容易超时,需要修改成国内镜像地址(首先阿里

    随机推荐