jjzjj

php - 动态多色渐变图像

coder 2024-04-06 原文

我需要创建一个动态的多色渐变图像,如下图所示:

我需要为 2/3/4/5/6 种颜色动态创建它,目前我正在处理 6 种颜色渐变。

到目前为止我所做的是:

$size = 1536;
$thickness = 54;
$im = imagecreatetruecolor($size, $thickness);

$clrCount = count($clr);            
$limit = floor($size/$clrCount);

        for($i = 0; $i < $limit; $i++) {

            // Line 1: red = 255 ; green = 0 -> 255 ; blue = 0
            $mycolors[$i] = imagecolorallocate($im, 255, $i, 0);
            // Line 2: red = 255 -> 0 ; green = 255 ; blue = 0
            $mycolors[$i + $limit] = imagecolorallocate($im, (255 - $i), 255, 0);
            // Line 3: red = 0 ; green = 255 ; blue = 0 -> 255
            $mycolors[$i + $limit*2] = imagecolorallocate($im, 0, 255, $i);
            // Line 4: red = 0 ; green = 255 -> 0 ; blue = 255
            $mycolors[$i + $limit*3] = imagecolorallocate($im, 0, (255 - $i), 255);
            // Line 5: red = 0 -> 255 ; green = 0 ; blue = 255
            $mycolors[$i + $limit*4] = imagecolorallocate($im, $i, 0, 255);
            // Line 6: red = 255 ; green = 0 ; blue = 255 -> 0
            $mycolors[$i + $limit*5] = imagecolorallocate($im, 255, 0, (255 - $i));


        }

        for ($i=0; $i < $size; $i++) { 
            imageline($im, $i, 0, $i, $thickness-1, $mycolors[$i]);
        }

imagepng($im);
imagegd($im);
imagedestroy($im);

我在 this article 的帮助下创建了上面的图像

但是这里的代码使用的是静态颜色代码,当我尝试使用它进行操作时,我得到的图像如下所示:

编辑代码

$size = 1536;
$thickness = 54;
$im = imagecreatetruecolor($size, $thickness);

$clrCount = count($clr);            
$limit = floor($size/$clrCount);

$clr = array(0 => '4d6eae', 1 => 'e58f0e', 2 => 'ff00ff', 3 => '9900ff', 4 => '9f560a', 5 => '93c47d');

        list($r, $g, $b) = sscanf($clr[0], "%02x%02x%02x");
        list($r1, $g1, $b1) = sscanf($clr[1], "%02x%02x%02x");
        list($r2, $g2, $b2) = sscanf($clr[2], "%02x%02x%02x");
        list($r3, $g3, $b3) = sscanf($clr[3], "%02x%02x%02x");
        list($r4, $g4, $b4) = sscanf($clr[4], "%02x%02x%02x");
        list($r5, $g5, $b5) = sscanf($clr[5], "%02x%02x%02x");

        for($i = 0; $i < $limit; $i++) {

            // Line 1: red = 255 ; green = 0 -> 255 ; blue = 0
            $mycolors[$i] = imagecolorallocate($im, $r, $i, 0);
            // Line 2: red = 255 -> 0 ; green = 255 ; blue = 0
            $mycolors[$i + $limit] = imagecolorallocate($im, ($r1 - $i), $g1, 0);
            // Line 3: red = 0 ; green = 255 ; blue = 0 -> 255
            $mycolors[$i + $limit*2] = imagecolorallocate($im, 0, $g2, $i);
            // Line 4: red = 0 ; green = 255 -> 0 ; blue = 255
            $mycolors[$i + $limit*3] = imagecolorallocate($im, 0, ($g3 - $i), 255);
            // Line 5: red = 0 -> 255 ; green = 0 ; blue = 255
            $mycolors[$i + $limit*4] = imagecolorallocate($im, $i, 0, $b4);
            // Line 6: red = 255 ; green = 0 ; blue = 255 -> 0
            $mycolors[$i + $limit*5] = imagecolorallocate($im, $r5, 0, ($b5 - $i));


        }

        for ($i=0; $i < $size; $i++) { 
            imageline($im, $i, 0, $i, $thickness-1, $mycolors[$i]);
        }

imagepng($im);
imagegd($im);
imagedestroy($im);

您可以看到渐变效果丢失了,因为静态 255 被动态值替换,动态值产生负数,因此失去了效果。

任何人都可以帮助我使用这段代码创建动态颜色渐变图像,或者可以帮助我提供另一个方向来使用 gd 库实现这种输出。

已更新

现在当我得到这个问题的答案时,我有一个与这个问题相关的新问题。

我现在想要实现的是随机颜色分配,有点像下面这样:

我将使用六色阵列,以防出现上述问题,需要一些提示才能开始。

最佳答案

实际上,您自己已经发现了问题。所以让我们进一步研究:

You can see that the gradient effect is lost, because the static 255 is replaced with dynamic value which is creating negative numbers and thus losing its effect.

因此,不是每次都减少 $i,而是必须减少 $i 的百分比。

伪代码

我们想要从红色值:50 到红色值:200,分 75 步。 我们将如何做到这一点?

$red = 50;
for ($i = 0; $i < 75; $i++) {
    $red = 50 + ((200 - 50) / 75) * $i;
    //Our color is: 
         // The difference between the limits (150: 200-50)
         // divided by the amount of steps: 75.
         // We multiply the result by the current step.
         // And we add the lower limit to it, so we start at 50.
}

这段代码会给我们:

50 - 52 - 54 - 56 - 58 - ... - 192 - 194 - 196 - 198

现在,让我们调整您的代码以反射(reflect)这一点:

for($i = 0; $i < $limit; $i++) {
    $mycolors[$i] = imagecolorallocate($im, 
        $r + (($r1 - $r) / $limit) * $i,
        $g + (($g1 - $g) / $limit) * $i,
        $b + (($b1 - $b) / $limit) * $i);

     $mycolors[$i + $limit] = imagecolorallocate($im, 
        $r1 + (($r2 - $r1) / $limit) * $i,
        $g1 + (($g2 - $g1) / $limit) * $i,
        $b1 + (($b2 - $b1) / $limit) * $i);

     //Copy-paste magic here
}

关于php - 动态多色渐变图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30346825/

有关php - 动态多色渐变图像的更多相关文章

  1. ruby-on-rails - 添加回形针新样式不影响旧上传的图像 - 2

    我有带有Logo图像的公司模型has_attached_file:logo我用他们的Logo创建了许多公司。现在,我需要添加新样式has_attached_file:logo,:styles=>{:small=>"30x15>",:medium=>"155x85>"}我是否应该重新上传所有旧数据以重新生成新样式?我不这么认为……或者有什么rake任务可以重新生成样式吗? 最佳答案 参见Thumbnail-Generation.如果rake任务不适合你,你应该能够在控制台中使用一个片段来调用重新处理!关于相关公司

  2. ruby-on-rails - 在 Ruby (on Rails) 中使用 imgur API 获取图像 - 2

    我正在尝试使用Ruby2.0.0和Rails4.0.0提供的API从imgur中提取图像。我已尝试按照Ruby2.0.0文档中列出的各种方式构建http请求,但均无济于事。代码如下:require'net/http'require'net/https'defimgurheaders={"Authorization"=>"Client-ID"+my_client_id}path="/3/gallery/image/#{img_id}.json"uri=URI("https://api.imgur.com"+path)request,data=Net::HTTP::Get.new(path

  3. python ffmpeg 使用 pyav 转换 一组图像 到 视频 - 2

    2022/8/4更新支持加入水印水印必须包含透明图像,并且水印图像大小要等于原图像的大小pythonconvert_image_to_video.py-f30-mwatermark.pngim_dirout.mkv2022/6/21更新让命令行参数更加易用新的命令行使用方法pythonconvert_image_to_video.py-f30im_dirout.mkvFFMPEG命令行转换一组JPG图像到视频时,是将这组图像视为MJPG流。我需要转换一组PNG图像到视频,FFMPEG就不认了。pyav内置了ffmpeg库,不需要系统带有ffmpeg工具因此我使用ffmpeg的python包装p

  4. ruby - 在 Ruby 中动态创建数组 - 2

    有没有办法在Ruby中动态创建数组?例如,假设我想遍历用户输入的书籍数组:books=gets.chomp用户输入:"TheGreatGatsby,CrimeandPunishment,Dracula,Fahrenheit451,PrideandPrejudice,SenseandSensibility,Slaughterhouse-Five,TheAdventuresofHuckleberryFinn"我把它变成一个数组:books_array=books.split(",")现在,对于用户输入的每一本书,我想用Ruby创建一个数组。伪代码来做到这一点:x=0books_array.

  5. ruby - 是否可以将 IRB 提示配置为动态更改? - 2

    我想在IRB中浏览文件系统并让提示更改以反射(reflect)当前工作目录,但我不知道如何在每个命令后进行提示更新。最终,我想在日常工作中更多地使用IRB,让bash溜走。我在我的.irbrc中试过这个:require'fileutils'includeFileUtilsIRB.conf[:PROMPT][:CUSTOM]={:PROMPT_N=>"\e[1m:\e[m",:PROMPT_I=>"\e[1m#{pwd}>\e[m",:PROMPT_S=>"FOO",:PROMPT_C=>"\e[1m#{pwd}>\e[m",:RETURN=>""}IRB.conf[:PROMPT_MO

  6. ruby - 是否有将图像文件转换为 ASCII 艺术的命令行程序或库? - 2

    有这样的事吗?我想在Ruby程序中使用它。 最佳答案 试试这个http://csl.sublevel3.org/jp2a/此外,Imagemagick可能还有一些东西 关于ruby-是否有将图像文件转换为ASCII艺术的命令行程序或库?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/6510445/

  7. ruby-on-rails - 使用 Dragonfly 从 URL 分配图像 - 2

    我正在使用Dragonfly在Rails3.1应用程序上处理图像。我正在努力通过url将图像分配给模型。我有一个很好的表格:{:multipart=>true}do|f|%>RemovePicture?Dragonfly的文档指出:Dragonfly提供了一个直接从url分配的访问器:@album.cover_image_url='http://some.url/file.jpg'但是当我在控制台中尝试时:=>#ruby-1.9.2-p290>picture.image_url="http://i.imgur.com/QQiMz.jpg"=>"http://i.imgur.com/QQ

  8. Ruby-vips 图像处理库。有什么好的使用示例吗? - 2

    我对图像处理完全陌生。我对JPEG内部是什么以及它是如何工作一无所知。我想知道,是否可以在某处找到执行以下简单操作的ruby​​代码:打开jpeg文件。遍历每个像素并将其颜色设置为fx绿色。将结果写入另一个文件。我对如何使用ruby​​-vips库实现这一点特别感兴趣https://github.com/ender672/ruby-vips我的目标-学习如何使用ruby​​-vips执行基本的图像处理操作(Gamma校正、亮度、色调……)任何指向比“helloworld”更复杂的工作示例的链接——比如ruby​​-vips的github页面上的链接,我们将不胜感激!如果有ruby​​-

  9. ruby-on-rails - 如何播种图像的路径? - 2

    Organization和Image具有一对一的关系。Image有一个名为filename的列,它存储文件的路径。我在Assets管道中包含这样一个文件:app/assets/other/image.jpg。播种时如何包含此文件的路径?我已经在我的种子文件中尝试过:@organization=...@organization.image.create!(filename:File.open('app/assets/other/image.jpg'))#Ialsotried:#@organization.image.create!(filename:'app/assets/other/i

  10. ruby-on-rails - 安全地显示使用回形针 gem 上传的图像 - 2

    默认情况下:回形针gem将所有附件存储在公共(public)目录中。出于安全原因,我不想将附件存储在公共(public)目录中,所以我将它们保存在应用程序根目录的uploads目录中:classPost我没有指定url选项,因为我不希望每个图像附件都有一个url。如果指定了url:那么拥有该url的任何人都可以访问该图像。这是不安全的。在user#show页面中:我想实际显示图像。如果我使用所有回形针默认设置,那么我可以这样做,因为图像将在公共(public)目录中并且图像将具有一个url:Someimage:看来,如果我将图像附件保存在公共(public)目录之外并且不指定url(同

随机推荐