josh-taylor/sage-svg

WordPress 扩展包,使 Sage 9 的 blade 指令能够使用 SVG 图像

0.2.0 2018-08-31 10:04 UTC

This package is auto-updated.

Last update: 2024-09-08 07:27:38 UTC


README

在您的 Sage 9 Blade 模板中轻松使用 SVG 图像。

此存储库是 Adam Wathan 的 Blade SVG(用于 Laravel)的包装器,因此该存储库中的许多概念相同。

安装

您可以通过在 Sage 9 安装根目录下运行此命令来使用 Composer 安装此包。

composer require josh-taylor/sage-svg

入门

此包会自动注册一个 blade 指令,以将 SVG 图像内联。

将所有 SVG 图像放置在 Sage 9 安装中的 resources/assets/icons 目录下即可。建议您先使用 SVGO 处理所有 SVG 图像!

<a href="/settings">
    @svg('cog', 'icon-lg') Settings
</a>

<!-- Renders -->
<a href="/settings">
    <svg class="icon icon-lg" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
        <!-- ... -->
    </svg>
</a>

对于更高级的使用,您可以查看 Adam 的 存储库。

目前此库不支持非内联 SVG。但这已经是 很好的 了,对吧?

鸣谢

此存储库的大部分工作归功于 Adam Wathan。这只是一个包装器,以便与 Sage 9 blade 模板一起使用。