fincallorca/twig-css-color-from-string

一个小型的twig扩展,用于将字符串转换为css颜色值

此包的规范存储库似乎已不存在,因此已冻结此包。

0.0.1 2017-06-30 16:07 UTC

This package is auto-updated.

Last update: 2024-05-29 03:33:31 UTC


README

LICENSE Packagist LICENSE https://jqueryjs.cn/

Twig CssColorFromString 扩展为Twig添加了一个简单的过滤器,可以将字符串转换为css颜色。

快速示例

<div class="badge" style="color: #222; background-color: {{ tag|hex }};">{{ tag }}</div>

过滤器 hextagStandard 转换为css颜色 #747F3F。输出将是

<div class="badge" style="color: #222; background-color: #747F3F;">Standard</div>

目录

入门

致谢

感谢Stack Overflow开发者Reinderien,他的文章https://stackoverflow.com/a/3724219是此插件的基础。

通过Composer安装

composer require fincallorca/twig-css-color-from-string "dev-master"

将Bundle添加到Symfony应用程序

CssColorFromStringBundle 添加到 app/AppKernel.php

use Symfony\Component\HttpKernel\Kernel;
use Symfony\Component\Config\Loader\LoaderInterface;
        
class AppKernel extends Kernel
{
    public function registerBundles()
    {
        return [
            // [...]
            new Fincallorca\TwigExtension\CssColorFromStringBundle\CssColorFromStringBundle(),
        ];
    }
}

扩展使用

过滤器 hex

过滤器 hex 将字符串转换为css颜色。

相同的字符串将每次转换为相同的css颜色(类似于哈希值)。

可选参数描述了 饱和度亮度,可以具有 介于0和1之间的值。下面的示例使用了 saturation0.5lightness0.9。如果没有提交参数,则每个参数使用 0.5

<div class="badge" style="color: #222; background-color: {{ tag|hex(0.5, 0.9) }};">{{ tag }}</div>