dmnc/ssip

超级简单的（SVG）图像占位符

维护者

详细信息

github.com/D3R/ssip

源代码

问题

安装次数: 95,760

依赖: 0

建议者: 0

安全: 0

星级: 0

关注者: 10

分支: 0

开放问题: 0

v1.1.0 2022-05-09 10:45 UTC

Requires

  • php: ^7.0 | ^8.0

Requires (Dev)

MIT cc5a7717fbca74bf27bc3e8318023ef8e3d28c60

  • Dom Morgan <dom.woop@d3r.com>

This package is auto-updated.

Last update: 2024-09-09 16:12:07 UTC

README

简介

此软件包旨在通过提供要替换到 img 或 source 的 src 或 srcset 属性中的数据 URI，以最少麻烦的方式创建图像占位符。

目标是创建满足以下条件的占位符

  • 在样式化和调整大小时表现与真实图像完全一致。
  • 在离线开发时可以使用。
  • 不需要将额外的 JavaScript 代码引入页面。
  • 将数据 URI 的大小保持在最小。

目前唯一的选项是使用 SVG。

安装

composer require dmnc/ssip

用法

占位符是不可变的，并且通过它们的构造函数直接创建。

use Dmnc\Ssip\Placeholder;

$placeholder = new Placeholder(100, 50, "#aaa");

echo '<img src="' . $placeholder . '" alt="Stay accessible out there" />';

支持

目前测试于

  • Chrome 80
  • Firefox 73
  • Safari 12.1
  • Edge 18
  • IE11
  • IE10

替代方案

如果您需要功能更丰富的占位符，并且能够在您的页面上添加 JavaScript 代码，我建议使用出色的 Holder.js。