malenki/alpha-background

1.0 2013-11-01 00:09 UTC

This package is not auto-updated.

Last update: 2024-09-23 15:46:08 UTC


README

Alpha 背景在 IE6、IE7 和 IE8 中比较困难……所以这是使用 PHP 的一种解决方案。

我的小类允许你生成小的 PNG 图片(1px×1px),以便为 IE7 和 IE8 提供带有 alpha 透明度的背景。

要使用它,有许多选项可供选择

  • 使用类将其包含到您的源代码中。我为您提供了 composer.json 文件以简化此过程
  • 使用服务器脚本,我为您编写了一个小脚本
  • 使用 CLI 脚本,以其他方式生成图片。

如果您对在 IE 中使用图片有所顾虑,我已在类中提供了一些功能,用于生成针对这种古老浏览器的良好 CSS 代码,因此,IE6 也属于这一系列。

如何安装它?

Composer

对于自定义使用,通过使用我的类来完成您想要的功能,使用 composer 将其包含到您的项目中。在您的 composer.json 文件中,包括以下内容

"require": {
       "malenki/alpha-background": "*"
   }

然后,您可以通过 new \Malenki\AlphaBackground() 来实例化它。

获取源代码

对于快速使用,下载源代码,选择 CLI 或服务器版本的脚本,修改它以创建您想要的图片。

对于自定义使用

示例比长篇大论更好,所以我首先向您展示如何在浏览器中显示图片

$rgba = new AlphaBackground();
$rgba->red(255);
$rgba->green(150);
$rgba->blue(42);
$rgba->alpha(0.8);
$rgba->display();

您也可以一行完成

$rgba = new AlphaBackground();
$rgba->red(255)->green(150)->blue(42)->alpha(0.8)->display();

您也可以使用十六进制字符串

$rgba = new AlphaBackground();
$rgba->hex('#ff962acc')->display();

十六进制字符串可以没有 alpha

$rgba = new AlphaBackground();
$rgba->hex('#ff962a')->alpha(0.8)->display();

您也可以使用 CSS 颜色名称

$rgba = new AlphaBackground();
$rgba->name('orange')->alpha(0.7)->display();

如果您想保存图片,在所有之前的示例中,将最后使用的方 法替换为 save(),此方法需要一个参数,即文件名

$rgba = new AlphaBackground();
$rgba->name('orange')->alpha(0.7)->save('some_file.png');

对于服务器

我编写了一个小脚本,可以放在服务器上显示背景图片。要使用它,只需在您的 CSS 文件中使用以下几行即可。

background-image: url("/rgba-server.php?color=255,150,42,0.8");
background-image: url("/rgba-server.php?color=red,0.5");

脚本很简单,但有效,您可以更改它以满足您的需求。

对于 CLI

您可以使用我为您编写的 CLI 脚本创建背景图片。

以下几行展示了如何使用它。

./rgba-cli -r 255 -g 150 -b 42 -a 0.8 -o image.png
./rgba-cli -n red -a 0.5 -o image.png
./rgba-cli --red 255 --green 150 --blue 42 --alpha 0.8 --output image.png
./rgba-cli --name red --alpha 0.5 --output image.png
./rgba-cli --hex ff962a --alpha 0.8 --output image.png
./rgba-cli --hex ff962acc --output image.png