README

PHP 的 UI Awesome HTML SVG 标签。

svg 元素是一个容器，它定义了一个新的坐标系和视口。

它用作 SVG 文档的最外层元素，但也可以用于在 SVG 或 HTML 文档中嵌入 SVG 片段。

use UIAwesome\Html\Graphic\Svg;

echo Svg::widget()
    ->class('hidden')
    ->filePath(__DIR__ . '/svg/moon.svg')
    ->fill('currentColor')
    ->height(32)
    ->id('theme-toggle-dark-icon')
    ->width(32);

安装

安装此扩展的首选方式是通过 composer。

运行以下命令：

composer require --prefer-dist "ui-awesome/html-svg":"^0.1"

或添加以下内容到您的 composer.json 文件的 require 部分。

"ui-awesome/html-svg": "^0.1"

用法

使用 Svg::widget() 实例化 Svg 类。

$svg = Svg::widget();

设置属性

使用提供的方法设置 a 元素的具体属性。

// setting class attribute
$svg->class('container');

或者，使用 attributes 方法一次性设置多个属性。

$svg->attributes(['class' => 'container', 'style' => 'background-color: #eee;']);

添加内容

如果您想在 svg 标签内包含内容，请使用 content 方法。

$svg->content('MyContent');

渲染

使用 render 方法生成 HTML 输出，用于简单实例化。

$html = $svg->render();

或者，使用魔法 __toString 方法。

$html = (string) $svg;

常见用例

以下是一些常见用例的示例

// adding multiple attributes
$svg->class('external')->content('MyContent');

// setting the file path for the `HTML` output
$svg->filePath('/path/to/file')->render();

探索设置各种属性（如 fill、heigth、lang、name、style、title、viewbox、width、xmlns 等）的额外方法。

属性

参考属性测试获取全面的示例。

以下方法可用于设置属性

自定义方法

参考自定义方法测试获取全面的示例。

以下方法可用于自定义 HTML 输出

测试

查看文档测试了解有关测试的信息。

支持的版本

许可

MIT 许可证 (MIT)。请参阅许可证文件获取更多信息。

ui-awesome / html-svg

维护者

详细信息