2

我在做什么

根据查询字符串中指定的一些变量,通过 javascript 生成动态图像。在 PHP 网站中使用它。

我需要的

这里的重点是我想在 javascript 中发送这个动态生成的图像,以作为 Image Header显示在页面上。

我正在使用什么

PHP 与 APACHE 服务器(wamp)

我需要的类似示例

http://chart.googleapis.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World

这是一个 Google Chart API,在点击上述 URL 时,它会根据查询字符串中指定的参数返回一个 PNG 图像。

我已经尝试了很多,但仍然无法达到成功点。

只是,为了向您展示我在这里所做的是代码

我的代码部分

/*
   Logic to generate a canvas based on some parameters goes here
*/

// Canvas to Image
var img = canvas.toDataURL("image/png");

/*
   My goal is to set this image to header of the page,
   so that when the page is hit, an image is returned,
   just like the Google Chart API thing mentioned above
*/
4

2 回答 2

0

像这样创建一个 javascript 变量:

 var monthly ="value to pass";
    var recent  ="value to pass";
    var imgURL="http://YOURSITEURL/FOLDER/app1?monthly="+monthly+"&recent="+recent+"&likes="+likes;  

或者:

  var image = document.createElement("img");
    image.src ="http://117.204.247.139:8084/myapps/app?monthly="+monthly+"&recent="+recent+"&likes="+likes; 
于 2012-12-12T07:38:11.797 回答
-1

我不完全确定如果我明白你想要什么。但在 PHP 端,您可以使用 GD 或 Imagemagick 等库生成 PNG 或 JPEG 文件。

(http://php.net/manual/en/book.image.php)

然后,您可以通过为 PNG 设置正确的标头将数据发送回客户端:

<?php
header("Content-Type: image/png");
ob_start();
echo $pngdata; // the binary data
ob_end_flush();
于 2012-10-20T18:12:45.633 回答