基于csv数据的php绘图答案

【问题标题】：php drawing based on csv data基于csv数据的php绘图
【发布时间】：2012-08-12 00:43:30
【问题描述】：

我要做的是从 csv 文件中加载一些值，并将它们用作 x、y 值来绘制一些矩形。

我正在加载文件，但不是显示图像，而是输出原始图像数据。我知道在 html 代码中我可以使用

<img scr="foo.php"></script>

正确显示图像，但我不知道如何使用它根据 csv 文件中的每一行数据绘制多个矩形。请帮忙。

csv 代码

20,40,60,80
50,100,150,175

索引 php 代码

<html>
    <body>
        <?php
            include("parse.php");
        ?>
    </body>
</html>

解析php代码

<?php

include("draw.php");

$file = fopen("data.csv", "r");
while (!feof($file)) {
    $line = fgetcsv($file);

        drawGraph($line[0], $line[1], $line[2], $line[3]);

}
fclose($file);
?>

绘制php代码

<?php

function drawGraph($xPos, $yPos, $xxPos, $yyPos) {

//create a 200 x 200 canvas image
$canvas = imagecreatetruecolor(200, 200);

//set canvas background to white
$white = imagecolorallocate($canvas, 255, 255, 255);
imagefill($canvas, 0, 0, $white);

//create colors
$pink = imagecolorallocate($canvas, 255, 105, 180);

//draw rectangles
imagerectangle($canvas, $xPos, $yPos, $xxPos, $yyPos, $pink);

//ERROR - following line displays raw data of image not the actural image
imagepng($canvas);

imagedestroy($canvas);
}

?>

【问题讨论】：

我其实没有完全理解你，但也许这会有所帮助：记得在推送原始数据之前做 header('Content-Type: image/png')。
你能发布生成的 HTML 吗？
这是一些没有标题的 html 输出 ‰PNG IHDRÈÈ":9É=IDATxœíÜÁ Ã0A;¤»t',Ò‰ëSÈÃA^fæ/t ýnclpµÇê¸'a' a' a' a 'a'a'a'a'a'a'a'a'a'a'a'a'a'a'‰çÔé÷qÑÿû¼–]Í sam‹xaÐœã+$!,Â"!,Â "!,"!,"!,"!,"!,"!,"!,"!,"!,"!,"!,"!,"! ,Â"!,Â"!,Â"!,Â"!,Óë¸mÆæ—}Œ±znÈWHBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$ „EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX$„EBX
使用标题添加原始数据显示“损坏的图像”链接，所以有些地方不太正确。

标签： php html csv

【解决方案1】：

您需要传递一个 Content-Type 标头，告诉浏览器数据是图像。如果您使用 drawGraph 函数执行此操作，无论如何它都会输出原始数据。

<html>
    <body>
            <?php
                include("parse.php");
            ?>
        </body>
</html>

您可能希望将 drawGraph 返回到图像本身。就像你最初展示的那样，然后确保使用 header('Content-Type: image/png'); 或等同于您正在生成的内容。

如果你想直接在浏览器中测试它，你需要从你的示例中删除标签，只需将<?PHP include("parse.php"); ?>放在 php 标签之外没有其他字符（如果你留下额外的空格或换行符，它会认为它是一部分你的形象。

编辑：错过了循环问题。

请记住，您的 drawGraph 函数会在 imagepng 中创建并显示单个 png，这意味着如果您在示例中多次调用它，它将是单独的 PNG 图像全部混合在一起。您可能希望实例化图像并在循环中绘制矩形，然后最终输出图像。

//create a 200 x 200 canvas image
$canvas = imagecreatetruecolor(200, 200);

//set canvas background to white
$white = imagecolorallocate($canvas, 255, 255, 255);
imagefill($canvas, 0, 0, $white);

//create colors
$pink = imagecolorallocate($canvas, 255, 105, 180);

$file = fopen("data.csv", "r");
while (!feof($file)) {
    $line = fgetcsv($file);

    //draw rectangles
    imagerectangle($canvas, $line[0], $line[1], $line[2], $line[3], $pink);

}

fclose($file);


/** finally output entire single png **/    
//ERROR - following line displays raw data of image not the actural image
imagepng($canvas);

imagedestroy($canvas);

【讨论】：

我已经尝试过使用 Content-Type: image/png 的标题，但没有成功。
您确定已删除所有无关字符吗？简直就是教科书的例子php.net/manual/en/function.imagepng.php
好的，我刚刚再次尝试将标头添加到 index.php 文件中。它仍然不起作用，但和以前一样，会显示图像的“断开的链接”图标。
您缺少一些尾随空格，我几乎敢打赌，或者您的标题格式不正确。如果您没有立即看到它，您将不得不对浏览器进行一些调试以查看它正在接收什么。您实际上不能为文件添加“”。
我不明白为什么我不能有文件的意思。 php文件不应该能够“返回”浏览器显示的图像吗？