fincallorca / twig-css-color-from-string
一个小型的twig扩展,用于将字符串转换为css颜色值
此包的规范存储库似乎已不存在,因此已冻结此包。
0.0.1
2017-06-30 16:07 UTC
Requires
- php: >=5.4
- symfony/framework-bundle: ~3.0
This package is auto-updated.
Last update: 2024-05-29 03:33:31 UTC
README
Twig CssColorFromString 扩展为Twig添加了一个简单的过滤器,可以将字符串转换为css颜色。
快速示例
<div class="badge" style="color: #222; background-color: {{ tag|hex }};">{{ tag }}</div>
过滤器 hex 将 tag 的 Standard 转换为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之间的值。下面的示例使用了 saturation 为 0.5 和 lightness 为 0.9。如果没有提交参数,则每个参数使用 0.5。
<div class="badge" style="color: #222; background-color: {{ tag|hex(0.5, 0.9) }};">{{ tag }}</div>