packaged-ui/fontawesome

Fontawesome图标创建助手

3.5.2 2019-05-30 16:09 UTC

This package is auto-updated.

Last update: 2024-09-08 07:45:56 UTC


README

PHP包装库,用于轻松创建Font Awesome 5图标

示例

创建图标

默认情况下,FaIcon类可以访问所有Font Awesome Pro图标。

$icon = FaIcon::create(FaIcon::COMMENT_SMILE);

对于免费图标

有一个辅助类,用于仅访问免费图标,使用

$icon = FaIcon::create(FaFreeIcons::ROCKET);

创建品牌图标

虽然FaIcon::create();可用于创建品牌图标,但下面的静态类提供了更易于开发者理解的代码。

$brandIcon = FaBrandIcon::create(FaBrandIcon::GOOGLE);

大小选项

$icon->sizeLarge();
$icon->sizeSmall();
$icon->sizeXSmall();

$icon->sizeX1();
$icon->sizeX2();
$icon->sizeX3();
$icon->sizeX4();
$icon->sizeX5();
$icon->sizeX6();
$icon->sizeX7();
$icon->sizeX8();
$icon->sizeX9();
$icon->sizeX10();

样式选项(仅限专业版)

$icon->styleRegular();
$icon->styleLight();
$icon->styleSolid();

变换选项

翻转
$icon->flip(FaFlip::VERTICAL);
$icon->flip(FaFlip::HORIZONTAL);

多次翻转

$icon->flip(FaFlip::VERTICAL, FaFlip::HORIZONTAL);
缩放/放大
$icon->shrink(10);
$icon->grow(10);

移动

$icon->moveUp(10);
$icon->moveDown(10);
$icon->moveLeft(10);
$icon->moveRight(10);

遮罩

$icon->mask(FaIcon::PENCIL_ALT, FaStyle::SOLID);

动画选项

$icon->spin();
$icon->pulse();

将标签设置为span(比默认的<i>标签更具语义)

$icon->span();

其他选项

$icon->fixedWidth();
$icon->border();
$icon->pullLeft();
$icon->pullRight();

附加

图标对象是使用Glimpse创建的。

添加/删除类

$icon->addClass('someClass', 'anotherClass');
$icon->removeClass('remveThis', 'andThis');

获取图标Glimpse对象并应用自定义属性

$icon->glimpse()->setId('uniqueId');
$icon->glimpse()->setAttribute('data-whatever', 'someValue');