2

私がしていること

クエリ文字列で指定されたいくつかの変数に基づいて、javascript を介して動的画像を生成します。これを PHP Web サイトで使用しています。

必要なもの

ここでのポイントは、この動的に生成された画像を 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

Create a javascript variable like this:

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

Or:

  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 に答える