jamesbwi / blade-svg
在 Laravel Blade 中嵌入 SVG。
0.1.5
2023-06-27 13:32 UTC
Requires
- php: ^7.4|^8.0
- illuminate/support: ^8.0|^9.0|^10.0
Requires (Dev)
- orchestra/testbench: ^6.0
- phpunit/phpunit: ^9.0
This package is auto-updated.
Last update: 2024-09-27 16:13:23 UTC
README
此包允许您在 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 包模板 生成的。