从古腾堡取色器获取RGBA颜色

时间：2020-02-14 作者：Astrid

我在一个有自己颜色选择器的街区工作。这是工作良好，我可以看到我的背景颜色变化，但我只能得到十六进制值的颜色。

我正在通过以下操作改变颜色：-

style={{ backgroundColor: `${tint.hex}` }}
Tint是从颜色选择器返回的对象，我可以看到它有一个名为color的子对象，其中包含rgba值。

如何获取这些值并使背景颜色使用rgba（）？

1 个回复
最合适的回答,由SO网友:Sally CJ 整理而成

如果你是说wp.components.ColorPicker 这是基于react-color, 然后tint 对象还包含rgb 具有RGBA值的对象的属性，如{r: 51, g: 51, b: 51, a: 1}.

因此，在代码中，您可以使用：

style={{ backgroundColor: `rgba(${tint.rgb.r}, ${tint.rgb.g}, ${tint.rgb.b}, ${tint.rgb.a})` }}
要知道color对象中所有可用属性的一个简单技巧是运行console.log( tint ).. :)

标签： plugins   block-editor   variables   小码农  

相关推荐

无法使用deactive_plugins()自停用插件

我有这些插件文件：我的插件/我的插件。php我的插件/我的插件类。php中my-plugin.php 我有以下几行：register_activation_hook( __FILE__, array( $my_plugin_object, \'on_activate_my_plugin\' ) ); 在中my-plugin-class.php 我有以下方法：public function on_activate_my_plugin() { if ( // Some validat