Subversion Repositories cheapmusic

Rev

Blame | Last modification | View Log | RSS feed 

<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><title>5.39. Example - Embedding Image with EncodeImage</title><link rel="stylesheet" type="text/css" href="phplotdoc.css" /><meta name="generator" content="DocBook XSL Stylesheets V1.78.1" /><link rel="home" href="index.html" title="PHPlot Reference Manual" /><link rel="up" href="examples.html" title="Chapter 5. PHPlot Examples" /><link rel="prev" href="ex-xtickanchor.html" title="5.38. Example - Hourly Data Using X Tick Anchor" /><link rel="next" href="ex-bubbles1.html" title="5.40. Example - Bubbles Plot" /></head><body><div class="navheader"><table width="100%" summary="Navigation header"><tr><th colspan="3" align="center">5.39. Example - Embedding Image with EncodeImage</th></tr><tr><td width="20%" align="left"><a accesskey="p" href="ex-xtickanchor.html">Prev</a> </td><th width="60%" align="center">Chapter 5. PHPlot Examples</th><td width="20%" align="right"> <a accesskey="n" href="ex-bubbles1.html">Next</a></td></tr></table><hr /></div><div class="sect1"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a id="ex-encodeimage"></a>5.39. Example - Embedding Image with EncodeImage</h2></div></div></div><p>
This example shows how <a class="xref" href="EncodeImage.html" title="EncodeImage"><span class="refentrytitle">EncodeImage</span></a> can be used to
embed a PHPlot image inside an HTML file using the 'data:' URL scheme.
Note: This feature was added in PHPlot-5.5.0.
</p><p>
This is the same plot as <a class="xref" href="ex-lines2.html" title="5.2. Example - Line Plot: Functions">Section 5.2, &#8220;Example - Line Plot: Functions&#8221;</a>, except instead of
producing the image on standard output, this script embeds the image in an HTML
page, which is produced on standard output. The screenshot below shows how the
web page looks in Firefox.
</p><div class="example"><a id="example-encodeimage"></a><p class="title"><strong>Example 5.39. Embedding Image with EncodeImage (Browser screenshot)</strong></p><div class="example-contents"><div class="informalfigure"><div class="mediaobject"><img src="images/encodeimage.png" alt="Web Page With Embedded Image" /></div></div><pre class="programlisting">&lt;?php
# PHPlot Example: Using 'data:' URL scheme to embed an image
# Unlike other examples, this outputs a complete HTML page with embedded image.
require_once 'phplot.php';

# Generate data for: Y1 = sin(x), Y2 = cos(x)
$end = M_PI * 2.0;
$delta = $end / 20.0;
$data = array();
for ($x = 0; $x &lt;= $end; $x += $delta)
  $data[] = array('', $x, sin($x), cos($x));

$plot = new PHPlot(800, 600);
$plot-&gt;SetFailureImage(False); // No error images
$plot-&gt;SetPrintImage(False); // No automatic output
$plot-&gt;SetImageBorderType('plain');
$plot-&gt;SetPlotType('lines');
$plot-&gt;SetDataType('data-data');
$plot-&gt;SetDataValues($data);
$plot-&gt;SetTitle('Line Plot, Sin and Cos - Embedded Image');
$plot-&gt;SetLegend(array('sin(t)', 'cos(t)'));
$plot-&gt;SetPlotAreaWorld(0, -1, 6.8, 1);
$plot-&gt;SetXDataLabelPos('none');
$plot-&gt;SetXTickIncrement(M_PI / 8.0);
$plot-&gt;SetXLabelType('data');
$plot-&gt;SetPrecisionX(3);
$plot-&gt;SetYTickIncrement(0.2);
$plot-&gt;SetYLabelType('data');
$plot-&gt;SetPrecisionY(1);
$plot-&gt;SetDrawXGrid(True);
$plot-&gt;SetDrawYGrid(True);
$plot-&gt;DrawGraph();

?&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;PHPlot Example - Inline Image&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;PHPlot Example - Inline Image&lt;/h1&gt;
&lt;p&gt;This is a plot of sin() and cos().&lt;/p&gt;
&lt;img src="&lt;?php echo $plot-&gt;EncodeImage();?&gt;" alt="Plot Image"&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre></div></div><br class="example-break" /></div><div class="navfooter"><hr /><table width="100%" summary="Navigation footer"><tr><td width="40%" align="left"><a accesskey="p" href="ex-xtickanchor.html">Prev</a> </td><td width="20%" align="center"><a accesskey="u" href="examples.html">Up</a></td><td width="40%" align="right"> <a accesskey="n" href="ex-bubbles1.html">Next</a></td></tr><tr><td width="40%" align="left" valign="top">5.38. Example - Hourly Data Using X Tick Anchor </td><td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td><td width="40%" align="right" valign="top"> 5.40. Example - Bubbles Plot</td></tr></table></div></body></html>