CSS函数-webkit-named-image()有哪些规范？

Question

当我注意到之前从未遇到的CSS函数时,我只是在浏览这个样式表:-webkit-named-image()

我做了一些挖掘和发现SO链接在这里和开发者页面在这里.此功能的只是表面,有效的论点,我能看到的是apple-pay-logo-black和apple-pay-logo-white,例如:

div { background-image: -webkit-named-image(apple-pay-logo-black) ;} 

我有很多问题,例如:

此功能是否已弃用或仍然有效？(根据近因此链接和这一个我认为它没有过时).这个函数还有其他可接受的参数(除了上面提到的那个)吗？这个函数是否类似于url()函数,因为传递的函数参数可以引用或不引用？它是Safari专用的吗？

简而言之,我如何能够找到有关此功能的更多信息以及实际用例？

Answer 1

此CSS功能是特定于供应商的,因此没有规范.它用于显示WebKit中嵌入的一些命名图像.

要发现此函数的有效参数,一种解决方案是查看WebKit的源代码.与此CSS函数关联的C++函数drawNamedImage来自Theme该类.

virtual void drawNamedImage(const String&, GraphicsContext&, const FloatRect&) const;

执行中有一条评论drawNamedImage:

void Theme::drawNamedImage(const String& name, GraphicsContext& context, const FloatRect& rect) const
{
    // We only handle one icon at the moment.
    if (name != "wireless-playback")
        return; 

但是每个主题都可以覆盖此功能并定义自己的命名图像.在可可主题定义的值wireless-playback,apple-pay-logo-black和apple-pay-logo-white.

WebKit的源代码中还没有定义命名图像的其他主题.