jamesbwi/blade-svg

在 Laravel Blade 中嵌入 SVG。

0.1.5 2023-06-27 13:32 UTC

This package is auto-updated.

Last update: 2024-09-27 16:13:23 UTC


README

Latest Version on Packagist Total Downloads

此包允许您在 Laravel 项目中轻松使用和操作 svg 文件。

安装

您可以通过 composer 安装此包

composer require jamesbwi/blade-svg

用法

要插入 SVG 文件,只需使用以下组件

<x-blade-svg src="img/apple.svg"/>

您可以将任何属性传递给组件,就像它是内联 SVG 一样

<x-blade-svg src="img/apple.svg" class="apple-animation" viewBox="0 0 50 100"/>

<use> 标签

如果您想使用 SVG <use> 标签,此包简化了此过程。
以下组件将 SVG 嵌入具有指定属性的 <element> 标签中

<x-blade-svg-def id="apple" src="img/apple.svg" viewBox="0 0 50 100"/>

元素(或任何具有 id 的其他 SVG)可以使用以下标签进行引用

<x-blade-svg-use href="#apple"/>

您可以为 <use> 标签添加任何属性

<x-blade-svg-use href="#apple" class="apple-animation" width="500px" preserveAspectRatio="none"/>

也可以引用外部资源

<x-blade-svg-use href="fruit-bowl.svg#pear"/>

变更日志

请参阅 变更日志 了解最近更改的信息。

贡献

请参阅 贡献指南 了解详细信息。

安全

如果您发现任何与安全相关的问题,请通过电子邮件 james@wearebwi.com 而不是使用问题跟踪器。

鸣谢

许可证

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

Laravel 包模板

此包是使用 Laravel 包模板 生成的。